同时显示Line和Column两种Chart

最新推荐文章于 2025-02-21 15:09:27 发布

最新推荐文章于 2025-02-21 15:09:27 发布 · 680 阅读

文章标签：

#flex #chart #line #column

flex 专栏收录该内容

34 篇文章

订阅专栏

本文展示了一个使用Flex构建的LineChart配置实例，包括日期作为横轴的数据展示方式及多种系列数据的绘制方法，如折线图和柱状图。

<mx:LineChart id="linechart" color="0x323232" width="100%" height="100%"
	showDataTips="true" dataProvider="{initLocator.chartArrayCollection}"
	dataTipFunction="renderLineTips">
	
	<mx:horizontalAxis>
        <mx:CategoryAxis categoryField="xAxis" title="Date"/>
    </mx:horizontalAxis>

    <mx:series>
        <mx:ColumnSeries yField="milestoneValue" maxColumnWidth="1" />
        <mx:LineSeries yField="yAxis" form="curve" displayName="Effort"/>
    </mx:series>
</mx:LineChart>