Adobe Flex 3 ヘルプ

ドロップシャドウの使用

パフォーマンスを向上するため、特に必要がなければ、系列アイテムにはドロップシャドウを使用しないでください。ShadowBoxItemRenderer クラスや ShadowLineRenderer クラスなどのレンダラーを使用すると、個別のチャート系列に選択的にシャドウを追加できます。

シャドウは、チャートコントロールでフィルタとして実装されます。その結果、チャートコントロールの seriesFilters プロパティに空の配列を設定することで、これらのシャドウを削除する必要があります。次の例では、すべての系列からシャドウを削除しますが、3 番目の系列のレンダラーをシャドウレンダラーとなるように変更します。

<?xml version="1.0"?>
<!-- optimize/RemoveShadowsColumnChart.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script><![CDATA[
        import mx.collections.ArrayCollection;
        [Bindable]
        public var expenses:ArrayCollection = new ArrayCollection([
            {Month: "Jan", Income: 2000, Expenses: 1500, Profit: 500}, 
            {Month: "Feb", Income: 1000, Expenses: 200, Profit: 800},
            {Month: "Mar", Income: 1500, Expenses: 500, Profit: 1000}
        ]);
    ]]></mx:Script>
    <mx:Panel title="Column Chart">
        <mx:ColumnChart id="myChart" dataProvider="{expenses}">
            <mx:seriesFilters>
                <mx:Array/>
            </mx:seriesFilters>
            <mx:horizontalAxis>
                <mx:CategoryAxis dataProvider="{expenses}" categoryField="Month"/>
            </mx:horizontalAxis>
            <mx:series>
                <mx:ColumnSeries xField="Month" yField="Income" displayName="Income"/>
                <mx:ColumnSeries xField="Month" yField="Expenses" displayName="Expenses"/>
                <mx:ColumnSeries xField="Month" yField="Profit" displayName="Profit" itemRenderer="mx.charts.renderers.ShadowBoxItemRenderer"/>
            </mx:series>
        </mx:ColumnChart>
        <mx:Legend dataProvider="{myChart}"/>
    </mx:Panel>
</mx:Application>

前の例で実行する SWF ファイルは以下のとおりです。

 

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート