JavaScript圖表工具FusionCharts入門教程（21）：更改圖表類型和Data Skipping

---

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

點擊下載FusionCharts最新版

更改圖表類型

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

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

Data Skipping

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

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

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

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

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

注意：要禁用此標簽跳過，請將此屬性設置為0。

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

一個示例如下所示：

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

---