最小图表示例

根据你使用的 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 )中找到。