JavaScript圖表工具FusionCharts入門教程(48):雷達圖
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圖表。
此圖表類型屬于PowerCharts XT。
雷達圖(也稱為蜘蛛圖)是對承載多個維度的數據的可視化解釋。對于放射狀的網格狀結構,該圖表在其軸上顯示不同類別的值。雷達圖主要用作數據比較工具,以在各個方面直觀地關聯和對比實體,例如相對于基準的增長,在多個標準上的進展等??梢詾閱蝹€數據集繪制雷達圖(單系列雷達圖)或多個數據集(多系列雷達圖)。
雷達圖的常見應用領域包括:
- 經營業績
- 質量分析
- 產品對比
注意:單擊下面的氣泡以了解有關不同圖表組件的更多信息。

例如,我們將創建我們的第一個雷達圖,該圖根據五個類別繪制客戶反饋調查的結果。雷達圖將用于比較每個類別的結果,并確定需要改進的服務。
要創建雷達圖,請執行以下步驟:- 使用type屬性指定圖表類型。要繪制雷達圖,請設置radar。
- 使用renderAt屬性設置容器對象。
- 使用width和height屬性指定圖表的尺寸。
- 使用dataFormat屬性設置要傳遞給圖表對象的數據類型(JSON / XML)。
- 以"<attributeName>": "<value>"格式設置屬性及其相應的值。
- 使用label屬性為數據項指定標簽。該屬性屬于category對象,而對象又屬于categories對象。
- 使用對象value內的屬性指定數據項的值data。
- 使用seriesname屬性為數據集指定系列的名稱。此屬性屬于dataset對象。
創建的雷達圖將如下所示:

現在,我們將為商店中五個關鍵部門的當月預算分析創建一個多系列雷達圖。對于每個部門,我們將繪制分配的預算和實際成本。這將有助于確定月初預算估算的準確性-預算是分配過多,分配不足還是正確分配。
創建多系列雷達圖的數據結構與雷達圖相同。這樣創建的多系列雷達圖如下所示:
想要購買FusionCharts Suite XT正版授權,或了解更多產品信息請點擊