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來制作專業的JavaScript圖表。

點擊下載FusionCharts最新版

更改圖表類型

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

可以動態更改圖表類型的圖表示例如下所示：

Data Skipping

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

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

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

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

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

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

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

一個示例如下所示：

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

---