建立圖表

該圖表由 HTML 容器和例項化其中的圖表的 JavaScript 程式碼組成。

HTML

我們使用 <div> 元素作為圖表容器。

<div id="chartdiv" style="height: 300px;"></div>

JavaScript

要例項化圖表，我們使用 AmCharts.makeChart() 函式。第一個引數是放置圖表的容器的 id，第二個引數是帶有圖表配置的物件。

至少它必須包含 type 引數，它儲存圖表型別。

var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "theme": "light",
  "dataProvider": [{
    "country": "USA",
    "visits": 2025
  }, {
    "country": "China",
    "visits": 1882
  }, {
    "country": "Japan",
    "visits": 1809
  }, {
    "country": "Germany",
    "visits": 1322
  }, {
    "country": "UK",
    "visits": 1122
  }, {
    "country": "France",
    "visits": 1114
  }, {
    "country": "India",
    "visits": 984
  }],
  "graphs": [{
    "fillAlphas": 0.9,
    "lineAlpha": 0.2,
    "type": "column",
    "valueField": "visits"
  }],
  "categoryField": "country"
});