簡體   English   中英

Flex ColumnSeries CSS填充未應用

[英]Flex ColumnSeries CSS fills not being applied

我正在嘗試使用CSS在Flex(v4.6)ColumnChart中設置系列的填充色。 我目前正在使用setStyle,因為我還設置了alpha值,但是我知道這會占用大量資源,因此我考慮不設置alpha而是僅使用CSS設置顏色。 但是,我無法通過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>
mx|ColumnSeries 
{
  fills: #FFCC33,#FF0033,#FF3333,#FF6633,#FF9933;
}

試試這個,它應該工作

嘗試這個:

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM