JavaScript圖表工具FusionCharts入門(mén)教程（21）：更改圖表類(lèi)型和Data Skipping

---

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è)面。它是你值得信賴的JavaScript圖表解決方案，目前在全球有45萬(wàn)用戶選擇Fusioncharts來(lái)制作專業(yè)的JavaScript圖表。

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

更改圖表類(lèi)型

FusionCharts Suite XT允許您通過(guò)其高級(jí)API動(dòng)態(tài)更改圖表類(lèi)型。您可以通過(guò)在任何FusionCharts實(shí)例上調(diào)用chartType()方法來(lái)更改圖表類(lèi)型，并提供圖表名稱作為參數(shù)。

可以動(dòng)態(tài)更改圖表類(lèi)型的圖表示例如下所示：

Data Skipping

可視化在數(shù)據(jù)科學(xué)中起著至關(guān)重要的作用，甚至在任何其他計(jì)算開(kāi)始之前，它就可以幫助數(shù)據(jù)科學(xué)家了解數(shù)據(jù)中的潛在模式。借助v3.12.0，F(xiàn)usionCharts已發(fā)展為在標(biāo)準(zhǔn)圖表中使用大量數(shù)據(jù)。

如果要在折線圖，面積圖和柱形圖的尺寸為500x400像素的單個(gè)系列圖中繪制10000個(gè)數(shù)據(jù)點(diǎn)，該怎么辦。因此，如果我們將畫(huà)布的寬度作為500像素，則每個(gè)像素的寬度將平均繪制20個(gè)數(shù)據(jù)圖，這對(duì)于可視化而言不是很有幫助。

Data Skipping是一種引入的概念，用于僅在畫(huà)布中繪制那些實(shí)際上會(huì)創(chuàng)建數(shù)據(jù)趨勢(shì)而不影響圖表性能的圖。

以下是屬性列表，您可以借助這些屬性來(lái)自定義Data Skipping：

• 將plotBinSize屬性設(shè)置為1，以在一個(gè)像素的寬度內(nèi)渲染至少一個(gè)數(shù)據(jù)圖。例如，如果為plotBinSize: 1，則將在一個(gè)像素的寬度內(nèi)繪制至少一列的圖。對(duì)于折線圖和面積圖，將繪制至少連接一條直線的兩個(gè)錨點(diǎn)。如果為plotBinSize: 0.5，則將渲染每個(gè)像素（寬度）上至少兩列的圖。
• 將labelBinSize屬性設(shè)置為1，以在一個(gè)像素的寬度中顯示最少一個(gè)標(biāo)簽。

注意：要禁用此標(biāo)簽跳過(guò)，請(qǐng)將此屬性設(shè)置為0。

現(xiàn)在，讓我們用30000數(shù)據(jù)繪制一個(gè)面積圖。您會(huì)注意到，該圖表將清楚地說(shuō)明新旅程的使用頻率。該圖表將顯示每小時(shí)更新的數(shù)據(jù)。該圖表以單個(gè)像素（寬度）中的最大值和最小值作圖，以顯示出數(shù)據(jù)中的圖案。僅當(dāng)這些圖被另一圖隱藏時(shí)，這些圖才會(huì)重疊，從而導(dǎo)致繪制圖表的速度比預(yù)期的快得多。重疊是根據(jù)無(wú)法妥協(xié)的數(shù)據(jù)趨勢(shì)發(fā)生的。

一個(gè)示例如下所示：

在多序列圖中，只有一個(gè)數(shù)據(jù)集的數(shù)據(jù)圖被另一個(gè)數(shù)據(jù)集隱藏時(shí)，一個(gè)數(shù)據(jù)集才可以被另一數(shù)據(jù)集（部分或全部）重疊。

---