原創|其它|編輯:郝浩|2012-02-28 00:23:34.000|閱讀 823 次
概述:Anychart圖表組合引擎提供了一個非常靈活的方法組合不同類型的圖表,你不僅可以組合兩個圖表,你甚至可以根據你自己的喜好和需求組合多個圖表類型。接下來我們就一起來看看Anychart圖表組合的兩種方法的具體示例。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
Anychart圖表組合引擎提供了一個非常靈活的方法組合不同類型的圖表,你不僅可以組合兩個圖表,你甚至可以根據你自己的喜好和需求組合多個圖表類型。
有兩種方法可實現Anychart圖表組合:1、與一個數據圖組合 2、與dashboard組合。與數據點組合有一定的局限性,因為有些類型的圖表可以組合,有些類型的圖表不可以組合;而dashboard可以任意圖表類型組合。
接下來我們就一起來看看Anychart圖表組合的兩種方法的具體示例:
一、與一個數據圖組合
如果你想在同一個數據圖上面顯示不同類型的圖表,你需要創建多個不同類型的數據序列。
在本示例中,我們將組合柱狀圖,線形圖和氣泡圖。下表為相關系列的數據,值得注意的是,這三個序列的名稱相同。
Type | Column | Line | Bubble | |
---|---|---|---|---|
Values\Argument(s) | Y | Y | Y | Size |
Item A | 90 | 10 | 100 | 10 |
Item B | 75 | 35 | 100 | 20 |
Item C | 50 | 50 | 100 | 30 |
Item D | 35 | 75 | 100 | 40 |
Item E | 10 | 90 | 100 | 50 |
將上面的數據轉換為XML:
01 <data>
02 <series name="Bar series" type="Bar">
03 <point name="Item 1" y="90" />
04 <point name="Item 2" y="75" />
05 <point name="Item 3" y="50" />
06 <point name="Item 4" y="35" />
07 <point name="Item 5" y="10" />
08 </series>
09 <series name="Line series" type="Line">
10 <point name="Item 1" y="10" />
11 <point name="Item 2" y="35" />
12 <point name="Item 3" y="50" />
13 <point name="Item 4" y="75" />
14 <point name="Item 5" y="90" />
15 </series>
16 <series name="Bubble series" type="Bubble">
17 <point name="Item 1" y="100" size="10" />
18 <point name="Item 2" y="100" size="10" />
19 <point name="Item 3" y="100" size="10" />
20 <point name="Item 4" y="100" size="10" />
21 <point name="Item 5" y="100" size="10" />
22 </series>
23 </data>
將數據保存到AnyChart XML,便可生成如下所示的組合圖表:
同時,你還可以根據以下的代碼定義圖表的方向:
01 <chart plot_type="CategorizedHorizontal" />
當圖表與數據圖組合時,數據系列可以與不同的軸組合,譬如,下面的例子采用的是與另外一個Y軸組合。
通過下面的代碼可配置成另外一個Y軸:
01 <axes>
02 <extra>
03 <y_axis name="y2" enabled="True">
04 <scale mode="Stacked" />
05 </y_axis>
06 </extra>
07 </axes>
你應該通過<series>節點的Y軸屬性將bar series 綁定到Y軸。
01 <series name="Sample" type="Bar" y_axis="extra_y_axis_1" />
運用代碼后,效果圖如下:
二、與dashboard組合
AnyChart 圖表的Dashboard 選項允許你組合所有圖表類型,實際上是允許你在一個XML中創建多個圖表,并指定他們在flash中的顯示方式。
根據示例一提供的數據和餅圖可生成一個簡單的dashboard。效果圖如下:
下載Anychart試用版://fc6vip.cn/zh-CN/product/1009/feature.aspx
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網