JS：雷達和極地圖表的開始

本教程擴展了上圖。JS課程，其中涵蓋了行和條形圖。在這裡，我們將探索雷達和極地區域圖表，並提供簡潔的概述，然後提供詳細的解釋。

了解雷達圖

線條和條形圖在比較眾多數據點（例如，亞洲國家的人口）的一個或兩個屬性方面表現出色。但是，當比較僅幾個數據點的許多屬性（例如，三個液體的屬性）時，雷達圖表更加有效。它也稱為蜘蛛圖，它有效地可視化並比較了多個變量。

如Wikipedia所定義的那樣，雷達圖以圖形方式代表使用源自中心點的軸的多元數據。軸的角度和相對位置通常不顯著。

讓我們構建我們的第一個雷達圖表。我們通過將“ r”設置為“ x”或“ angle”鍵內的比例鍵來實現這一目標。同樣，通過將“ Animatortate”設置為“動畫”對像中的“ false”來完成禁用旋轉動畫。

以下代碼增強了圖表的視覺吸引力：

 var chartoptions = {
  插件：{
    標題： {
      顯示：是的，
      位置：“底部”，
      文字：“不同季節的候鳥”
    }，，
    傳奇： {
      對齊：“中心”，
      位置：“左”，
      標籤：{
        字體：{
          尺寸：16
        }
      }
    }
  }，，
  動畫片： {
    動畫：false
  }，，
  秤：{
    R：{
      tick：{
        字體：{
          尺寸：16
        }，，
        顏色：“白色”，
        背景：“黑色”
      }
    }
  }，，
  元素：{
    弧：{
      角度：180，
      邊界彩色：“黑色”
    }
  }
};

除了動畫控制之外，我們還重新定位了左側的傳說，從而提高了圖表的可讀性。

結論

該教程展示了雷達和極性區域圖表的實際應用，以及如何使用Chart.js的配置選項創建和自定義它們。未來的教程將涵蓋PIE，DONUT和BUBBLE圖表。有關進一步的JavaScript資源和框架，請探索Envato市場。

以上是JS：雷達和極地圖表的開始的詳細內容。更多資訊請關注PHP中文網其他相關文章！