创建图表

该图表由 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"
});