hope this works:

<?xml version="1.0" encoding="utf-8"?>

<mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        
        private var dp :ArrayCollection= new ArrayCollection([
            {x: 1, a: 100, b: 20, c: 40, d:10}, 
            {x: 2, a: 90, b: 30, c: 10, d:78}, 
            {x: 3, a: 120, b: 50, c: 40, d:15}, 
            {x: 4, a: 200, b: 100, c: 60, d:50}, 
            {x: 5, a: 70, b: 45, c: 30, d:40}]);
    ]]>
</mx:Script>
        <mx:CartesianChart id="chart" width="100%" height="100%" 
dataProvider="{dp}">
        <mx:series>            
            <mx:ColumnSet type="clustered">
                <mx:ColumnSet type="stacked" >
                    <mx:ColumnSeries yField="a" />    
                    <mx:ColumnSeries yField="b" />
                </mx:ColumnSet>
                <mx:ColumnSet type="stacked" >                 
                     <mx:ColumnSeries yField="c" />
                     <mx:ColumnSeries yField="d" />
                </mx:ColumnSet>
             </mx:ColumnSet>
        </mx:series>
        <mx:horizontalAxis>
            <mx:CategoryAxis categoryField="x" />
        </mx:horizontalAxis>
        <mx:verticalAxis>
            <mx:LinearAxis autoAdjust="true" baseAtZero="false" minimum="0" />
        </mx:verticalAxis>        
    </mx:CartesianChart>
</mx:Application>

..rml..


----- Mensaje original ----
De: AKS AGNI <[EMAIL PROTECTED]>
Para: flexcoders@yahoogroups.com
Enviado: jueves, 19 de abril, 2007 10:20:12
Asunto: [flexcoders] Stacked Column Chart









  


    
            
Hi,
   
         I have to draw the chart according to the look specfied in the 
Columnchart. bmp attached herewith this mail. Require someone's help to achieve 
it. Somewhat similar example code is attached here.
   
   Can someone help or tell me wheather or how is it possible?
   
  Thanks in advance,
  Aks
 



      
Ahhh...imagining that irresistible "new car" smell?
 Check out
new cars at Yahoo! Autos.


    
  

    
    




<!--

#ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean, 
sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family:Georgia;
}
#ygrp-text p{
margin:0 0 1em 0;}
#ygrp-tpmsgs{
font-family:Arial;
clear:both;}
#ygrp-vitnav{
padding-top:10px;font-family:Verdana;font-size:77%;margin:0;}
#ygrp-vitnav a{
padding:0 1px;}
#ygrp-actbar{
clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;}
#ygrp-actbar .left{
float:left;white-space:nowrap;}
.bld{font-weight:bold;}
#ygrp-grft{
font-family:Verdana;font-size:77%;padding:15px 0;}
#ygrp-ft{
font-family:verdana;font-size:77%;border-top:1px solid #666;
padding:5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom:10px;}

#ygrp-vital{
background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;}
#ygrp-vital #vithd{
font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;}
#ygrp-vital ul{
padding:0;margin:2px 0;}
#ygrp-vital ul li{
list-style-type:none;clear:both;border:1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;}
#ygrp-vital ul li .cat{
font-weight:bold;}
#ygrp-vital a {
text-decoration:none;}

#ygrp-vital a:hover{
text-decoration:underline;}

#ygrp-sponsor #hd{
color:#999;font-size:77%;}
#ygrp-sponsor #ov{
padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;}
#ygrp-sponsor #ov ul{
padding:0 0 0 8px;margin:0;}
#ygrp-sponsor #ov li{
list-style-type:square;padding:6px 0;font-size:77%;}
#ygrp-sponsor #ov li a{
text-decoration:none;font-size:130%;}
#ygrp-sponsor #nc {
background-color:#eee;margin-bottom:20px;padding:0 8px;}
#ygrp-sponsor .ad{
padding:8px 0;}
#ygrp-sponsor .ad #hd1{
font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;}
#ygrp-sponsor .ad a{
text-decoration:none;}
#ygrp-sponsor .ad a:hover{
text-decoration:underline;}
#ygrp-sponsor .ad p{
margin:0;}
o {font-size:0;}
.MsoNormal {
margin:0 0 0 0;}
#ygrp-text tt{
font-size:120%;}
blockquote{margin:0 0 0 4px;}
.replbq {margin:4;}
-->



<surveyData>
    <result>
        <day>Monday</day>
        <foo>50</foo>
        <bar>100</bar>    
    </result>
    
    <result>
        <day>Tuesday</day>
        <foo>75</foo>
        <bar>110</bar>    
    </result>
    
    <result>
        <day>Wednesday</day>
        <foo>30</foo>
        <bar>60</bar>    
    </result>
    
    <result>
        <day>Thursday</day>
        <foo>100</foo>
        <bar>40</bar>    
    </result>
    
    <result>
        <day>Friday</day>
        <foo>90</foo>
        <bar>65</bar>    
    </result>
</surveyData>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml";; xmlns="*">
    
                <mx:Model id="chartData" source="chartData.xml" />
        
        <mx:Panel title="Column Chart Example 1">
            
            <mx:ColumnChart id="chart" 
                dataProvider="{chartData.result}"
                showDataTips="true" type="stacked">
                
                <mx:horizontalAxis>
                    <mx:CategoryAxis dataProvider="{chartData.result}" 
categoryField="day"/>
                </mx:horizontalAxis>
                
                <mx:series>
                    <mx:Array>
                        <mx:ColumnSeries xField="day" yField="foo" name="Foo" />
                        <mx:ColumnSeries xField="day" yField="bar" name="Bar" />
                    </mx:Array>
                </mx:series>
            </mx:ColumnChart>
        
        </mx:Panel>
    
</mx:Application>





__________________________________________________
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.yahoo.com.mx/ 

Reply via email to