FusionCharts Suite XT是全面的跨平臺(tái)、跨瀏覽器JavaScript圖表套包，其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT 、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡(jiǎn)單的HTML頁(yè)面。它是你值得信賴(lài)的JavaScript圖表解決方案，目前在全球有45萬(wàn)用戶(hù)選擇Fusioncharts來(lái)制作專(zhuān)業(yè)的JavaScript圖表。

點(diǎn)擊下載FusionCharts最新版

FusionCharts Suite XT包含多系列圖表，可繪制多個(gè)數(shù)據(jù)集的數(shù)據(jù)。例如，您可以使用多系列圖表繪制過(guò)去兩年中每個(gè)月收集的收入。多系列圖表可以繪制多個(gè)數(shù)據(jù)集的高點(diǎn)和低點(diǎn)，同時(shí)還可以進(jìn)行比較。

FusionCharts Suite XT中提供的不同類(lèi)型的多系列圖表為：

• 多系列柱二維圖
• 多系列列3D圖表
• 多系列條形二維圖
• 多系列條形3D圖表
• 多系列線(xiàn)形二維圖
• 多系列區(qū)域2D圖表

多系列柱形二維圖表的外觀如下所示：
多個(gè)系列的圖表

術(shù)語(yǔ)
1個(gè) 標(biāo)題

標(biāo)題（也稱(chēng)為圖表標(biāo)題）是圖表的標(biāo)題。您可以為標(biāo)題添加自定義文本。您還可以配置其字體屬性和外觀。

2 子標(biāo)題

子標(biāo)題（也稱(chēng)為圖表標(biāo)題）是圖表的子標(biāo)題。您可以為子標(biāo)題添加自定義文本。您還可以配置其字體屬性。

3 帆布面積

畫(huà)布區(qū)域是指繪制圖表數(shù)據(jù)的區(qū)域，不包括呈現(xiàn)標(biāo)題，圖例和軸名稱(chēng)的區(qū)域。

4 X軸

X軸是指圖表上水平（左右）延伸的一條線(xiàn)。

5 X軸標(biāo)簽

X軸標(biāo)簽是在圖表的X軸上顯示的數(shù)據(jù)點(diǎn)的名稱(chēng)。

6 Y軸

X軸標(biāo)簽是在圖表的X軸上顯示的數(shù)據(jù)點(diǎn)的名稱(chēng)。

7 工具提示

當(dāng)鼠標(biāo)光標(biāo)懸停在特定數(shù)據(jù)點(diǎn)上時(shí)，將顯示工具提示。它提供有關(guān)數(shù)據(jù)點(diǎn)的上下文相關(guān)信息。

讓我們創(chuàng)建一個(gè)多系列的2D柱形圖，顯示上一年度和本年度的季度收入之間的比較。這兩個(gè)數(shù)據(jù)集的列已使用不同的顏色進(jìn)行了渲染，前一年為一列，當(dāng)年為一列。這樣可以輕松解釋和比較數(shù)據(jù)。

要?jiǎng)?chuàng)建多系列2D柱形圖，請(qǐng)執(zhí)行以下步驟：

• 在JSON數(shù)據(jù)中，以"<attributeName>": "<value>"格式設(shè)置屬性及其對(duì)應(yīng)的值。
• 使用type屬性指定圖表類(lèi)型。要呈現(xiàn)多系列柱形二維圖表，請(qǐng)?jiān)O(shè)置mscolumn2d。
• 使用renderAt屬性設(shè)置容器對(duì)象。
• 使用width和height屬性指定圖表的尺寸。
• 使用dataFormat屬性設(shè)置要傳遞給圖表對(duì)象的數(shù)據(jù)類(lèi)型（JSON / XML）。

要在3D中渲染多系列柱形圖，請(qǐng)將type屬性的值從更改msColumn2D為msColumn3D。其余數(shù)據(jù)結(jié)構(gòu)保持不變。

有關(guān)屬性的詳細(xì)列表，請(qǐng)參閱多系列列3D圖表的圖表屬性頁(yè)面。

3D中的多系列柱形圖如下所示：

讓我們繼續(xù)以2D方式創(chuàng)建多系列條形圖，該條形圖將顯示上個(gè)月不同商店中兩個(gè)主要類(lèi)別的銷(xiāo)售額。

要以2D渲染多系列條形圖，請(qǐng)將設(shè)置type為msbar2d。

有關(guān)屬性的詳細(xì)列表，請(qǐng)參閱多系列條形2D圖表的圖表屬性頁(yè)面。

要在3D模式下繪制多系列條形圖，請(qǐng)將type屬性的值從更改msBar2D為msBar3D。其余數(shù)據(jù)結(jié)構(gòu)保持不變。

有關(guān)屬性的詳細(xì)列表，請(qǐng)參閱多系列條形3D圖表的圖表屬性頁(yè)面。

3D中的多系列條形圖如下所示：

現(xiàn)在，讓我們創(chuàng)建一個(gè)多系列折線(xiàn)圖，該圖將顯示一周內(nèi)購(gòu)物中心游客數(shù)量之間的比較。這兩個(gè)數(shù)據(jù)集的線(xiàn)段已使用不同的顏色進(jìn)行了渲染，一個(gè)用于上周，一個(gè)用于本周。這樣可以輕松解釋和比較數(shù)據(jù)。

要呈現(xiàn)多系列折線(xiàn)圖，請(qǐng)將設(shè)置type為msline。

要使多系列面積圖具有與上述相同的用例，請(qǐng)將設(shè)置type為msarea。

想要購(gòu)買(mǎi)FusionCharts Suite XT正版授權(quán)，或了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊