FLEX ColumnChart部分参数详解

来源：互联网发布：vscode ubuntu fali 编辑：程序博客网时间：2024/06/11 20:43

假设数据源如下

public var finance:ArrayCollection=new ArrayCollection([
                    {Month:"一月",In:200,Out:150},
                    {Month:"二月",In:200,Out:150},
                    {Month:"三月",In:200,Out:150},
                    {Month:"四月",In:200,Out:150},
                    {Month:"五月",In:200,Out:150},
                    {Month:"六月",In:200,Out:150},
                    {Month:"七月",In:200,Out:150},
                    {Month:"八月",In:200,Out:150},
                    {Month:"九月",In:200,Out:150},
                    {Month:"十月",In:200,Out:150},
                    {Month:"十一月",In:200,Out:150},
                    {Month:"十二月",In:200,Out:150},
                ])

type 。可以控制将每个月的 In 和Out数据显示在同一个柱状图上。官方解释：

Possible values are:

"clustered": Values from different series are grouped by category. This is the default type. 默认样式
"overlaid": Multiple values are rendered on top of one another by category, with the last series on top.将一个图放在另一个上面，后加入的series放上面
"stacked": Columns are stacked on top of each other and grouped by category. Each column represents the cumulative value of the columns beneath it. 将图形堆积起来，图形的原点都是从0开始，
"100%": Columns are stacked on top of each other, adding up to 100%. Each column represents the percent that it contributes to the sum of the values for that category 百分比

columnWidthRatio 柱状图的宽度默认值0.65

labelPosition 柱状图的标签显示位置