Как установить цвет фона диаграммы линейных рядов в Flex

Question

У меня есть диаграмма линейных рядов в Flex со значениями от 0 до 90. Я хотел бы установить фон диаграммы таким образом, чтобы 0 - 30 зеленый - 31 - 60, красный - 61 - 90.

Я новичок в Flex. Может ли кто-нибудь сказать мне, как это можно сделать?

Answer 1

Самый простой способ сделать это - установить максимальные и минимальные графики в фиксированные значения (чтобы они не зависали автоматически) и рисовать цветные полосы позади него, используя обычный чертеж api.

Answer 2

Существует класс под названием CartesianDataCanvas, предназначенный для такого рода вещей.

Вы добавляете экземпляр в диаграмму backgroundElements и используете API-интерфейс чертежа для рисования на нем. Что удобно, так это то, что API-интерфейс чертежа на этих объектах работает с точки зрения координат данных, а не координаты экрана, что экономит много работы конвертирования и значительно упрощает масштабирование и изменение размера.

Подробнее here

Answer 3

Это супер стар, но я наткнулся на него в то время как погуглить и ради потомства, хотел бы добавить это.

Лучшим и предпочтительным способом является установка свойства backgroundElements диаграммы. Вот пример:

<fx:Array id="backgroundChartElements"> 
<mx:GridLines> 
    <mx:horizontalFill> 
     <s:SolidColor color="0x000000" alpha="1" /> 
    </mx:horizontalFill> 
    <mx:horizontalAlternateFill> 
     <s:SolidColor color="0x000000" alpha=".5" /> 
    </mx:horizontalAlternateFill> 
</mx:GridLines> 
</fx:Array> 
<mx:LineChart backgroundElements="{backgroundChartElements}" ... /> 

См this документа для получения дополнительной информации о баловаться с фоном и линиями сетки