如何在Flex / Flash ColumnChart中的ColumnSeries之间添加空间?

时间:2011-01-09 21:52:16

标签: flex3 charts

我正在使用具有多个ColumnSeries的Flex ColumnChart。我想在ColumnSeries栏/列之间添加空格。

我的意思是什么?如果您查看Adobe LiveDocs for ColumnChart,我的图表与第一张图表类似。我想在橙色和绿色列之间添加边距/填充(而不是几个月)。

alt text

我查看了LiveDocs,但我找不到任何内容。

2 个答案:

答案 0 :(得分:1)

你需要玩第二系列的y坐标。我给你写了一个例子,你可以如何控制几个系列之间的距离。这并不完美,但希望能以正确的方式向您展示如何做到这一点;)

http://pastie.org/3327210

enter image description here

答案 1 :(得分:0)

子类化mx.charts.series.ColumnSet对我来说非常适合(至少在4.0 sdk中)

public class TestColumnSet extends ColumnSet 
{                   
    public var intraSetMaxColumnWidth:Number = NaN;
    public var intraSetColumnWidthRatio:Number = NaN;

    override protected function customizeSeries(glyph:IChartElement,i:uint):void
    {
        super.customizeSeries(glyph, i);            
        var currentSeries:IColumn = IColumn(glyph);         

        if(!isNaN(intraSetColumnWidthRatio))
            currentSeries.columnWidthRatio = intraSetColumnWidthRatio;          
        if(!isNaN(intraSetMaxColumnWidth))
            currentSeries.maxColumnWidth = intraSetMaxColumnWidth;      
    }   
 }

就像这样使用:

var cs:TestColumnSet = new TestColumnSet();
...
cs.intraSetColumnWidthRatio = cs.columnWidthRatio/cs.series.length*(1-desiredSpaceRatio);