Flex bar chart with Two Y axis
- by user345522
I am trying to create a bar char in action 3 script.
But for some reason I am getting 2 y-axis and no x axis.
Can some one help spot the error.
I have said "placement " bottom.
The standalone code snippet is below.
enter code here
[Bindable]
public var QUANTITY:ArrayCollection = new ArrayCollection([
{date:"22-Aug-05", quantity:1575.9},
{date:"23-Aug-05", quantity:1603.},
{date:"24-Aug-05", quantity:1507.1},
{date:"25-Aug-05", quantity:1568.8},
]);
private function getBarChartData(evt:MouseEvent):void{
var title:String = "ASDFZXCVB";
var pnlChart:Panel = new Panel();
pnlChart.title = title;
pnlChart.height = 750;
{
var categoryAxisDate:CategoryAxis = new CategoryAxis();
categoryAxisDate.categoryField = "date";
var linearVolumeAxis:LinearAxis = new LinearAxis();
linearVolumeAxis.minimum = 1500;
linearVolumeAxis.maximum = 1700;
var colChart:ColumnChart = new ColumnChart();
colChart.showDataTips = true;
{
var horizontalAxisDateRenderer:AxisRenderer = new AxisRenderer();
horizontalAxisDateRenderer.axis = categoryAxisDate;
horizontalAxisDateRenderer.placement = "bottom";
var quantityRenderer:AxisRenderer = new AxisRenderer();
quantityRenderer.axis = linearVolumeAxis;
quantityRenderer.placement = "left";
colChart.horizontalAxisRenderers.push(horizontalAxisDateRenderer);
colChart.verticalAxisRenderers.push(quantityRenderer);
{
var quantityColumnSeries:ColumnSeries = new ColumnSeries();
quantityColumnSeries.horizontalAxis = categoryAxisDate;
quantityColumnSeries.yField="quantity";
quantityColumnSeries.displayName ="QUANTITY";
quantityColumnSeries.dataProvider = QUANTITY;
quantityColumnSeries.verticalAxis = linearVolumeAxis;
colChart.series.push(quantityColumnSeries);
}
}
pnlChart.addChild(colChart);
}
canvasReportId.addChild(pnlChart);
}
]]
<mx:Button label="Submit" click="getBarChartData(event)" x="293" y="4"/>
</mx:Canvas>
