Javascript Chart.js错误：条形图不是函数 var barData={ 标签：[{%用于标签%中的项目] “{{item}}”， {%endfor%}]， 数据集：[ { 填充颜色：“rgba（151187205,0.2）”， strokeColor:“rgba（151187205,1）”， 点颜色：“rgba（151187205,1）”， 数据：[{%用于值%]中的项] {{item}}， {%endfor%}] } ] }; var mychart=document.getElementById（“图表”）.getContext（“2d”）； 步骤=10； 最大值=10； //绘制条形图 新图表（mychart）.Bar（barData{ scaleOverride：对， 缩放步骤：步骤， 缩放宽度：Math.ceil（最大/步数）， scaleStartValue:0， scaleShowVerticalLines：没错， scaleShowGridLines：对， barShowStroke：是的， scaleShowLabels：true });

它出错：（索引）：61

未捕获的TypeError:（中间值）.Bar不是函数 at（索引）：61

---

我已经尝试过chart.js、chart.min.js和chart.bundle.js了，但都没有成功

这是因为您正在使用旧语法（在ChartJS 1.x中使用）来创建图表，并且您可能正在使用ChartJS库的最新版本（2.7.0）

在最新版本的ChartJS中，您应该按照以下方式创建图表：

        <canvas id="chart" width="600" height="600"></canvas>
        <script>
           var barData = {
           labels : [{% for item in labels %}
                          "{{item}}",
                      {% endfor %}],
           datasets : [
              {
                    fillColor: "rgba(151,187,205,0.2)",
                    strokeColor: "rgba(151,187,205,1)",
                    pointColor: "rgba(151,187,205,1)",
                 data : [{% for item in values %}
                              {{item}},
                            {% endfor %}]
              }
              ]
           };

           var mychart = document.getElementById("chart").getContext("2d");

           steps = 10;
           max = 10;    
           // draw bar chart
           new Chart(mychart).Bar(barData, {
                scaleOverride: true,
                scaleSteps: steps,
                scaleStepWidth: Math.ceil(max / steps),
                scaleStartValue: 0,
                scaleShowVerticalLines: true,
                scaleShowGridLines : true,
                barShowStroke : true,
                scaleShowLabels: true
           });
        </script>

---

请参阅以了解更多信息。

这是因为您正在使用旧语法（在ChartJS 1.x中使用）创建图表，并且您可能正在使用ChartJS库的最新版本（2.7.0）

在最新版本的ChartJS中，您应该按照以下方式创建图表：

        <canvas id="chart" width="600" height="600"></canvas>
        <script>
           var barData = {
           labels : [{% for item in labels %}
                          "{{item}}",
                      {% endfor %}],
           datasets : [
              {
                    fillColor: "rgba(151,187,205,0.2)",
                    strokeColor: "rgba(151,187,205,1)",
                    pointColor: "rgba(151,187,205,1)",
                 data : [{% for item in values %}
                              {{item}},
                            {% endfor %}]
              }
              ]
           };

           var mychart = document.getElementById("chart").getContext("2d");

           steps = 10;
           max = 10;    
           // draw bar chart
           new Chart(mychart).Bar(barData, {
                scaleOverride: true,
                scaleSteps: steps,
                scaleStepWidth: Math.ceil(max / steps),
                scaleStartValue: 0,
                scaleShowVerticalLines: true,
                scaleShowGridLines : true,
                barShowStroke : true,
                scaleShowLabels: true
           });
        </script>

请参阅以了解更多信息