Javascript 条形图未与chart.js一起显示。有人能帮忙吗？代码粘贴在下面 Chart.js演示 Chart.js示例 var ctx=document.getElementById（“myChart”）； var myChart=新图表（ctx{ 类型：'bar'，数据：{ 标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，数据集：[{ 标签：“#投票数”，数据：[12,19,3,5,2,3]，背景颜色：[ "rgba(255,99,132,0.2)",， “rgba（54162235,0.2）”， "rgba(255,206,86,0.2)",， “rgba（751921920.2）”， “rgba（153102255,0.2）”， ‘rgba（255、159、64、0.2）’ ], 边框颜色：[ "rgba(255,99132,1)",， “rgba（54162235,1）”， "rgba(255,206,86,1)",， "rgba(751921921)",， "rgba(153102255,1)",， ‘rgba（255、159、64、1）’ ], 边框宽度：1 }] },_Javascript

Javascript 条形图未与chart.js一起显示。有人能帮忙吗？代码粘贴在下面 Chart.js演示 Chart.js示例 var ctx=document.getElementById（“myChart”）； var myChart=新图表（ctx{ 类型：'bar'，数据：{ 标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，数据集：[{ 标签：“#投票数”，数据：[12,19,3,5,2,3]，背景颜色：[ "rgba(255,99,132,0.2)",， “rgba（54162235,0.2）”， "rgba(255,206,86,0.2)",， “rgba（751921920.2）”， “rgba（153102255,0.2）”， ‘rgba（255、159、64、0.2）’ ], 边框颜色：[ "rgba(255,99132,1)",， “rgba（54162235,1）”， "rgba(255,206,86,1)",， "rgba(751921921)",， "rgba(153102255,1)",， ‘rgba（255、159、64、1）’ ], 边框宽度：1 }] },

javascript

Javascript 条形图未与chart.js一起显示。有人能帮忙吗？代码粘贴在下面 Chart.js演示 Chart.js示例 var ctx=document.getElementById（“myChart”）； var myChart=新图表（ctx{ 类型：'bar'，数据：{ 标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，数据集：[{ 标签：“#投票数”，数据：[12,19,3,5,2,3]，背景颜色：[ "rgba(255,99,132,0.2)",， “rgba（54162235,0.2）”， "rgba(255,206,86,0.2)",， “rgba（751921920.2）”， “rgba（153102255,0.2）”， ‘rgba（255、159、64、0.2）’ ], 边框颜色：[ "rgba(255,99132,1)",， “rgba（54162235,1）”， "rgba(255,206,86,1)",， "rgba(751921921)",， "rgba(153102255,1)",， ‘rgba（255、159、64、1）’ ], 边框宽度：1 }] },,javascript,Javascript,无法显示带有上述代码的条形图。有人能帮助解决问题吗？我正在尝试使用chart.js库作为显示图表的源代码无法显示带有上述代码的条形图。有人能帮助解决问题吗？我正在尝试使用chart.js库作为显示图表的源代码脚本中的某些大括号未关闭，并且引用的chart.js版本非常旧。在我更正脚本并将chart.js更新为当前版本2.5.0时显示了该图表 <!DOCTYPE html> <html> <html> <head> <meta cha

无法显示带有上述代码的条形图。有人能帮助解决问题吗？我正在尝试使用chart.js库作为显示图表的源代码无法显示带有上述代码的条形图。有人能帮助解决问题吗？

我正在尝试使用chart.js库作为显示图表的源代码

脚本中的某些大括号未关闭，并且引用的chart.js版本非常旧。在我更正脚本并将chart.js更新为当前版本2.5.0时显示了该图表

<!DOCTYPE html>
<html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Chart.js demo</title>
  <canvas id="myChart" width="600" height="400"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js" type="text/javascript"></script>
</head>
<body>
  <h1>Chart.js Sample</h1>
  <script>
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
            datasets: [{
              label: '# of Votes',
              data: [12, 19, 3, 5, 2, 3],
              backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
              ],
              borderColor: [
                'rgba(255,99,132,1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
              ],
              borderWidth: 1
            }]
          },
  </script>
</body>
</html>


Chart.js演示
Chart.js示例
var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
输入：“酒吧”，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[
{
标签：“投票数”，
数据：[12,19,3,5,2,3]，
背景颜色：[
"rgba(255,99,132,0.2),，
“rgba（54162235,0.2）”，
"rgba(255,206,86,0.2),，
“rgba（751921920.2）”，
“rgba（153102255,0.2）”，
rgba（255、159、64、0.2）
],
边框颜色：[
“rgba（255,99132,1）”，
“rgba（54162235,1）”，
“rgba（255、206、86、1）”，
“rgba（751921921）”，
“rgba（153、102、255、1）”，
rgba（255、159、64、1）
],
边框宽度：1
}
]
}
});

非常感谢parag，它确实有效，请帮助我如何更新图形大小，当我更改画布属性时无法正常工作请参阅此答案再次感谢parag，我想用下面的代码var myChart=new Chart（ctx1，{type:'bar'，data:data，scales:{xAxes:[{gridLines:{display:false}}]，yAxes:[{gridLines:{display:false}]}}）；但它不工作，是因为版本问题吗？修复缩进

<head>
  <meta charset="utf-8" />
  <title>Chart.js demo</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.js" type="text/javascript"></script>
</head>

<body>
  <h1>Chart.js Sample</h1>
<canvas id="myChart" width="600" height="400"></canvas>

  <script>
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
      type: "bar",
      data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [
          {
            label: "# of Votes",
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
              "rgba(255, 99, 132, 0.2)",
              "rgba(54, 162, 235, 0.2)",
              "rgba(255, 206, 86, 0.2)",
              "rgba(75, 192, 192, 0.2)",
              "rgba(153, 102, 255, 0.2)",
              "rgba(255, 159, 64, 0.2)"
            ],
            borderColor: [
              "rgba(255,99,132,1)",
              "rgba(54, 162, 235, 1)",
              "rgba(255, 206, 86, 1)",
              "rgba(75, 192, 192, 1)",
              "rgba(153, 102, 255, 1)",
              "rgba(255, 159, 64, 1)"
            ],
            borderWidth: 1
          }
        ]
      }
    });
  </script>
</body>