Flex ColumnSeries CSS填充不被應用

我想使用CSS在Flex（v4.6）ColumnChart中設置該系列的填充顏色。我目前正在使用setStyle，因爲我也設置了alpha值，但我知道這是相當資源密集的，所以我在考慮不設置alpha，只是使用CSS設置顏色。但是，我不能讓它使用CSS聲明是這樣工作的：Flex ColumnSeries CSS填充不被應用

mx|ColumnSeries { 
fills: #FFCC33, #FF0033, #FF3333, #FF6633, #FF9933;

它工作正常，如果我定義以下樣式：

<fx:Style> 
     @namespace s "library://ns.adobe.com/flex/spark"; 
     @namespace mx "library://ns.adobe.com/flex/mx"; 

     .anotherColour { fill: #CCFFB3; } 

     .andAnotherColour { fill: #BBFF99; } 

    </fx:Style>

和應用如下：

   <mx:ColumnSeries 
        xField="Month" 
        yField="Profit" 
        displayName="Profit" 
        styleName="anotherColour" 
        /> 
       <mx:ColumnSeries 
        xField="Month" 
        yField="Expenses" 
        displayName="Expenses" 
        styleName="andAnotherColour" 
        />

任何人都可以幫忙嗎？

謝謝。擔。

完整的代碼示例不起作用：

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 

    <fx:Style> 
     @namespace s "library://ns.adobe.com/flex/spark"; 
     @namespace mx "library://ns.adobe.com/flex/mx"; 

     mx|ColumnSeries { 
      fills: #CCFFB3, #BBFF99; 

     } 
    </fx:Style> 


    <fx:Script> 
     <![CDATA[ 
     import mx.collections.ArrayCollection; 
     [Bindable] 
     public var expenses:ArrayCollection = new ArrayCollection([ 
     {Month:"Jan", Profit:2000, Expenses:1500}, 
     {Month:"Feb", Profit:1000, Expenses:200}, 
     {Month:"Mar", Profit:1500, Expenses:500} 
     ]);]]> 
    </fx:Script> 
    <mx:Panel title="Column Chart"> 
     <mx:ColumnChart id="myChart" dataProvider="{expenses}" showDataTips="true"> 
      <mx:horizontalAxis> 
       <mx:CategoryAxis 
        dataProvider="{expenses}" 
        categoryField="Month" 
        /> 
      </mx:horizontalAxis> 
      <mx:series> 
       <mx:ColumnSeries 
        xField="Month" 
        yField="Profit" 
        displayName="Profit" 
        /> 
       <mx:ColumnSeries 
        xField="Month" 
        yField="Expenses" 
        displayName="Expenses" 
        /> 
      </mx:series> 
     </mx:ColumnChart> 
     <mx:Legend dataProvider="{myChart}"/> 
    </mx:Panel> 
</s:Application>

來源

2011-12-30 Danny D

試試這個：

mx|ColumnSeries { 
       fills: [0xFFCC33,0xFF0033,0xFF3333,0xFF6633,0xFF9933]; 
      }

來源

2011-12-30 09:04:17 mgraph

對不起，它不是這樣的在所有。我想，因爲它不是CSS。 – 2011-12-30 09:05:44

嗨，定義在一個動作數組填充不起作用我害怕;項目不建立。 – 2011-12-30 09:44:35

mx|ColumnSeries 
{ 
    fills: #FFCC33,#FF0033,#FF3333,#FF6633,#FF9933; 
}

試試這個，它應該工作

來源

2012-10-23 04:34:58

Flex ColumnSeries CSS填充不被應用

回答

相關問題