Flex之图表组件（10） ------ 多个数据序列混合图表

最新推荐文章于 2025-10-12 10:29:15 发布

原创最新推荐文章于 2025-10-12 10:29:15 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #date #application #encoding

RIA技术专栏收录该内容

80 篇文章

订阅专栏

本文介绍了一种将柱状图和折线图结合使用的图表展示方法，并提供了具体的Flex代码实现。通过该方法可以清晰地对比不同数据序列的趋势变化。

可以把前面提到的图表混合起来使用.

代码如下：

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="500" height="600"> <mx:Script>  </mx:Script> <mx:Panel title="多个数据序列示例" width="400" height="400"> <mx:ColumnChart id="mychart" dataProvider="{SMITH}" showDataTips="true" height="250" width="350" > <mx:horizontalAxis> <mx:CategoryAxis categoryField="date"/> </mx:horizontalAxis> <mx:verticalAxis> <mx:LinearAxis minimum="40" maximum="50"/> </mx:verticalAxis> <mx:series> <mx:ColumnSeries dataProvider="{SMITH}" xField="date" yField="close" displayName="SMITH" > </mx:ColumnSeries> <mx:LineSeries dataProvider="{DECKER}" xField="date" yField="close" displayName="DECKER" > </mx:LineSeries> </mx:series> </mx:ColumnChart> </mx:Panel> </mx:Application>

图表如下图所示：