創建JavaScript雷達圖(蜘蛛圖)詳細教程介紹


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最新版

此圖表類型屬於PowerCharts XT。

雷達圖(也稱為蜘蛛圖)是對承載多個維度的數據的可視化解釋。對於放射狀的網格狀結構,該圖表在其軸上顯示不同類別的值。雷達圖主要用作數據比較工具,以在各個方面直觀地關聯和對比實體,例如相對於基准的增長,在多個標准上的進展等。可以為單個數據集繪制雷達圖(單系列雷達圖)或多個數據集(多系列雷達圖)。

雷達圖的常見應用領域包括:

  • 經營業績
  • 質量分析
  • 產品對比

雷達圖

注意:單擊下面的氣泡以了解有關不同圖表組件的更多信息。

例如,我們將創建我們的第一個雷達圖,該圖根據五個類別繪制客戶反饋調查的結果。雷達圖將用於比較每個類別的結果,並確定需要改進的服務。

要創建雷達圖,請執行以下步驟:

  • 使用type屬性指定圖表類型。要繪制雷達圖,請設置radar。
  • 使用renderAt屬性設置容器對象。
  • 使用width和height屬性指定圖表的尺寸。
  • 使用dataFormat屬性設置要傳遞給圖表對象的數據類型(JSON / XML)。

在JSON數據中:

  • 以"<attributeName>": "<value>"格式設置屬性及其相應的值。
  • 使用label屬性為數據項指定標簽。該屬性屬於category對象,而對象又屬於categories對象。
  • 使用對象value內的屬性指定數據項的值data。
  • 使用seriesname屬性為數據集指定系列的名稱。此屬性屬於dataset對象。

有關屬性的詳細列表,請參閱多系列雷達圖表的圖表屬性頁面。

 

創建的雷達圖將如下所示:

 

現在,我們將為商店中五個關鍵部門的當月預算分析創建一個多系列雷達圖。對於每個部門,我們將繪制分配的預算和實際成本。這將有助於確定月初預算估算的准確性-預算是分配過多,分配不足還是正確分配。

創建多系列雷達圖的數據結構與雷達圖相同。

 

這樣創建的多系列雷達圖如下所示:

 

如果您對該圖表控件感興趣,可以在慧都網免費下載最新試用版,歡迎加入圖表控件QQ交流群:740060302


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM