flex - Draw a line on top of a column chart -


Apparently, it is not possible to have a chart with many independent horizontal axis

What do I get Trying to:

  • Display a chart, organized by any class
  • A line overlay (actually a single horizontal line) above it (some Type threshold to display)

I tried to do the following:

  [bindable] public var Olm Detapradata: ArrayCollection = new ArrayCollection ([{ "category": "Cat 1", "value": 10}, { "class": "Cat 2", "value": 20}]); [BinDable] Public Worse Lineet Detroit: Arreculation = New Arrayization ([["X": 0, "Y": 10}, {"X": 1, "Y": 10}]);  

...

  & lt; Mx: column chart id = "columnChart" showDataTips = "true" columnWidthRatio = "0.5" paddingTop = "10" paddingLeft = "5" padding right = "5" width = "100%" height = "100%" & gt; & Lt; Mx: horizontal axis & gt; & Lt; Mx: category axis dataprider = "{columnsDataProvider}" categoryField = "range" /> & Lt; / Mx: horizontalAxis & gt; & Lt; Mx: series & gt; & Lt; Mx: column series id = "series 1" yField = "value" xField = "carrier" data provider = "{column data provider}" & gt; & Lt; Mx: horizontal axis & gt; & Lt; Mx: Class Axis ID = "Axis 1" CategoryFilled = "Category" /> & Lt; / Mx: horizontalAxis & gt; & Lt; / Mx: ColumnSeries & gt; & Lt; Mx: line series id = "series 2" yField = "y" xField = "X" dataprider = "{lineDataProvider}" & gt; & Lt; Mx: horizontal axis & gt; & Lt; Mx: LinearAxis id = "axis2" /> & Lt; / Mx: horizontalAxis & gt; & Lt; / Mx: LineSeries & gt; & Lt; / Mx: series & gt;  

This is closest to what I want, except that the line does not start all vertically vertically (this is drawn between two columns of my bar chart).

Is it possible to define completely independent horizontal axis?

I also tried to draw directly on the canvas, but canvas. Lineto () method only works in "data" coordination; I'll need something that works in the "charts / canvas / complete / whatever" coordinates

any help on that?

Thanks PH

  & lt; Mx: column chart id = "columnChart" datapriviver = "{columnad provider}" showDataTips = "true" columnWidthRatio = "0.5" paddingTop = "10" paddingLeft = "5" paddingRight = "5" width = "100%" height = " 100% "& gt; & Lt; Mx: horizontalAxisRenderers & gt; & Lt; Mx: axis randerer axis = "{h1}" /> & Lt; Mx: axis randerer axis = "{h2}" shown = "wrong" /> & Lt; / Mx: horizontalAxisRenderers & gt; & Lt; Mx: verticalAxis & gt; & Lt; Mx: linear axis id = "v1" /> & Lt; / Mx: verticalAxis> & Lt; Mx: series & gt; & Lt; Mx: column series id = "series 1" yField = "value" xField = "range" & gt; & Lt; Mx: horizontal axis & gt; & Lt; Mx: category axis id = "h1" categoryField = "range" /> & Lt; / Mx: horizontalAxis & gt; & Lt; / Mx: ColumnSeries & gt; & Lt; Mx: Line Series WiFiild = "Y" xField = "X" Detector = "{lineDataProvider}" & gt; & Lt; Mx: horizontal axis & gt; & Lt; Mx: linear axis id = "h2" max = "1" /> & Lt; / Mx: horizontalAxis & gt; & Lt; / Mx: LineSeries & gt; & Lt; / Mx: series & gt;  


Comments

Popular posts from this blog

Eclipse CDT variable colors in editor -

AJAX doesn't send POST query -

wpf - Custom Message Box Advice -