从 Flex 中的对象数组构建堆栈条形图

发布于 2024-08-30 05:46:04 字数 311 浏览 6 评论 0原文

我有一个动态 ArrayCollection,它将包含未知数量的 MyObj 类型的对象:

class MyObj
{
   type:String
   value:long
}

每个 MyObj 对象都有不同的 type 值

如何从此数组构建单个堆叠条,其中堆叠条的每个部分代表 MyObj 的一个对象(代表 type),其长度为 值?

I have a dynamic ArrayCollection that will contain an unknown number of objects of type MyObj:

class MyObj
{
   type:String
   value:long
}

each MyObj object has a different value of type.

How can I build a single stacked bar from this array where each section of the stacked bar represents an object of MyObj (represents a type) and its length is the value?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

灯下孤影 2024-09-06 05:46:04

检查这个代码:

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

<mx:Script>
    <![CDATA[

    import mx.collections.ArrayCollection;

    [Bindable]
    private var countries:ArrayCollection = new ArrayCollection( [
        { Country: "Romania", Romanians: 0.7, Hungarians:0.2, Germans: 0.1 }]);
    ]]>
</mx:Script>

<mx:Panel title="BarChart Control" layout="horizontal" color="0xffffff" borderAlpha="0.15" width="600" height="240"
     paddingTop="10" paddingRight="5" paddingBottom="10" paddingLeft="5" horizontalAlign="center">

     <mx:BarChart id="bar" height="100%" color="0x323232" type="stacked"
         showDataTips="true" dataProvider="{countries}">

        <mx:verticalAxis>
            <mx:CategoryAxis categoryField="Country"/>
        </mx:verticalAxis>

        <mx:series>
            <mx:BarSeries yField="Country" xField="Romanians" displayName="Romanians"/>
            <mx:BarSeries yField="Country" xField="Hungarians" displayName="Hungarians"/>
            <mx:BarSeries yField="Country" xField="Germans" displayName="Germans"/>
        </mx:series>
    </mx:BarChart>

    <mx:Legend dataProvider="{bar}" color="0x323232"/>

</mx:Panel>

Check this code:

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

<mx:Script>
    <![CDATA[

    import mx.collections.ArrayCollection;

    [Bindable]
    private var countries:ArrayCollection = new ArrayCollection( [
        { Country: "Romania", Romanians: 0.7, Hungarians:0.2, Germans: 0.1 }]);
    ]]>
</mx:Script>

<mx:Panel title="BarChart Control" layout="horizontal" color="0xffffff" borderAlpha="0.15" width="600" height="240"
     paddingTop="10" paddingRight="5" paddingBottom="10" paddingLeft="5" horizontalAlign="center">

     <mx:BarChart id="bar" height="100%" color="0x323232" type="stacked"
         showDataTips="true" dataProvider="{countries}">

        <mx:verticalAxis>
            <mx:CategoryAxis categoryField="Country"/>
        </mx:verticalAxis>

        <mx:series>
            <mx:BarSeries yField="Country" xField="Romanians" displayName="Romanians"/>
            <mx:BarSeries yField="Country" xField="Hungarians" displayName="Hungarians"/>
            <mx:BarSeries yField="Country" xField="Germans" displayName="Germans"/>
        </mx:series>
    </mx:BarChart>

    <mx:Legend dataProvider="{bar}" color="0x323232"/>

</mx:Panel>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文