最小图表示例

Created: November-22, 2018

根据你使用的 Chart.JS 版本（当前的版本是 2.X），语法不同，以创建条形图的最小示例（ JSFiddle Demo for 2.X ）。

Chart.js 2.X

<html>
    <body>
        <canvas id="myChart" width="400" height="400"></canvas>
        <script>
              var ctx = document.getElementById("myChart");
              var myChart = new Chart(ctx, {
                  type: 'bar',
                  data: {
                      labels: ["Group 1", "Group 2", "Group 3"],
                      datasets: [{
                          label: 'Groups',
                          data: [12, 19, 3]
                      }]
                  }
              });
        </script>
    </body>
</html>

稍微更高级的版本可以在 chart.js 文档（ JSFiddle Demo ）中找到。

Chart.js 1.X

但是，如果你需要使用旧版本，请首先查看 Github 上的文档。

现在这里是一个条形图（ JSFiddle Demo ）的最小例子：

<html>
    <body>
        <canvas id="myChart" width="400" height="400"></canvas>
        <script>
            var ctx = document.getElementById("myChart");
            var myChart= new Chart(ctx).Bar({
                labels: ["Group 1", "Group 2", "Group 3"],
                datasets: [
                {
                    label: "Group",
                    data: [12, 19, 3]
                }]
            });
        </script>
    </body>
</html>

稍微更高级的版本可以在 Github 文档（ JSFiddle Demo ）中找到。