【问题标题】:ColumnChart: how to get rid of shadow behind columns?ColumnChart:如何摆脱柱子后面的阴影?
【发布时间】:2025-08-30 03:10:02
【问题描述】:

我有几个关于ColumnChart的问题请(截图和代码如下):

  1. 如何去除每列后面绘制的阴影?我尝试添加<mx:filters />,但没有帮助
  2. 如何去除列之间的填充,使它们在侧面相互接触(如楼梯)已解决
  3. 如何摆脱警告Data binding will not be able to detect assignments to "horizontalAxis"?我尝试移动该代码块以摆脱axis 参数,但找不到正确的位置。 已解决

        <mx:ColumnChart id="_chart"
                type="overlaid"
                dataProvider="{_ac}" >
    
    <mx:filters /> <!-- doesn't remove shadows -->
    
    <mx:horizontalAxis>
        <mx:CategoryAxis categoryField="yw"/>
    </mx:horizontalAxis>    
    
    <mx:horizontalAxisRenderers> <!-- warning -->
        <mx:AxisRenderer axis="{_chart.horizontalAxis}" canDropLabels="true" />
    </mx:horizontalAxisRenderers>       
    
    <mx:series>
        <mx:ColumnSeries 
            xField="yw" 
            yField="max" 
            displayName="Лидер недели"
            />
        <mx:ColumnSeries 
            xField="yw" 
            yField="pos" 
            displayName="Выигрыш"
            />
        <mx:ColumnSeries 
            xField="yw" 
            yField="neg" 
            displayName="Проигрыш"
            />      
    </mx:series>
        </mx:ColumnChart>
    
        <mx:Legend dataProvider="{_chart}" 
           direction="horizontal" 
           width="100%" />
    

更新

Sunil 帮助解决了第 3 个问题,谢谢!

问题 #2 由 columnWidthRatio="1" 解决

所以现在我只需要知道,如何摆脱阴影 - 根据问题标题 :-)

【问题讨论】:

  • 有关绑定的警告,请在 CategoryAxis 中添加一个 id:&lt;mx:CategoryAxis id="cateogryAxis" /&gt;。然后在花括号表达式中使用该 id 而不是“_chart.horizo​​ntalAxis”:&lt;mx:AxisRenderer axis="{categoryAxis}" /&gt;
  • 谢谢,我之前错误地尝试将其添加到horizontalAxis

标签: apache-flex flex4 flex4.6 flex-charting flex-charts


【解决方案1】:

对于您的第一个问题,只需将seriesFilters="{[]}" 添加到mx:ColumnChart 属性即可。

【讨论】: