Нарисуйте линию поверх столбчатой ​​диаграммы

Question

По-видимому, невозможно иметь диаграмму с несколькими независимыми горизонтальными осями.

То, чего я пытаюсь достичь, это:

• отображение гистограммы, организованной по любой категории
• наложение линии (фактически одной горизонтальной линии) сверхуиз него (для отображения какого-то порога)

Я попытался сделать следующее:

[Bindable] public var columnsDataProvider : ArrayCollection = 
  new ArrayCollection([{"Category" : "Cat1", "Value" : 10},
                       {"Category" : "Cat2", "Value" : 20}]);

[Bindable] public var lineDataProvider : ArrayCollection = 
    new ArrayCollection([{"X" : 0, "Y" : 10}, 
                         {"X" : 1, "Y" : 10}]);

...

<mx:ColumnChart id="columnChart"
    showDataTips="true"
    columnWidthRatio="0.5"
    paddingTop="10"
    paddingLeft="5" paddingRight="5"
    width="100%" height="100%">


    <mx:horizontalAxis>
       <mx:CategoryAxis dataProvider="{columnsDataProvider}" categoryField="Category"/>
    </mx:horizontalAxis>

    <mx:series>

        <mx:ColumnSeries id="series1" yField="Value" xField="Carrier" dataProvider="{columnsDataProvider}">
            <mx:horizontalAxis>
                 <mx:CategoryAxis id="axis1" categoryField="Category"/>
            </mx:horizontalAxis>
        </mx:ColumnSeries>

        <mx:LineSeries id="series2" yField="Y" xField="X" dataProvider="  {lineDataProvider}">
                <mx:horizontalAxis>
                    <mx:LinearAxis id="axis2"/>
                </mx:horizontalAxis>
        </mx:LineSeries>
    </mx:series>

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

Можно ли определить полностью независимую горизонтальную ось?

Я также пытался рисовать непосредственно на холсте, но метод canvas.lineTo () работает только в координате «данные»;Мне нужно что-то, что работает в координатах "диаграмма / холст / абсолют / что угодно".

Любая помощь по этому поводу?

Спасибо, PH

Answer 1

<mx:ColumnChart id="columnChart" dataProvider="{columnsDataProvider}"
showDataTips="true" columnWidthRatio="0.5"
paddingTop="10"
paddingLeft="5" paddingRight="5"
width="100%" height="100%">
<mx:horizontalAxisRenderers>
    <mx:AxisRenderer axis="{h1}" />
    <mx:AxisRenderer axis="{h2}" visible="false" />
</mx:horizontalAxisRenderers>
<mx:verticalAxis>
    <mx:LinearAxis id="v1"/>
</mx:verticalAxis>
<mx:series>
    <mx:ColumnSeries id="series1" yField="Value" xField="Category">
        <mx:horizontalAxis>
           <mx:CategoryAxis id="h1" categoryField="Category"/>
        </mx:horizontalAxis>
    </mx:ColumnSeries>
    <mx:LineSeries yField="Y" xField="X" dataProvider="{lineDataProvider}">
        <mx:horizontalAxis>
           <mx:LinearAxis id="h2" maximum="1"/>
        </mx:horizontalAxis>
    </mx:LineSeries>
</mx:series>