Javascript 如何从外部js文件加载Chart.js纸条？_Javascript_Charts_Chart.js

Javascript 如何从外部js文件加载Chart.js纸条？

javascript charts chart.js

Javascript 如何从外部js文件加载Chart.js纸条？,javascript,charts,chart.js,Javascript,Charts,Chart.js,我正在尝试在网站上加载Chart.js图表，但希望将脚本保存在外部js文件中。当我将脚本放在HTML文件中时，它可以正常工作，但是当我尝试将它放在外部文件中时，它不会加载。这是我的HTML文件： <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="node_modules/chart.js/dist/Chart.js"

我正在尝试在网站上加载Chart.js图表，但希望将脚本保存在外部js文件中。当我将脚本放在HTML文件中时，它可以正常工作，但是当我尝试将它放在外部文件中时，它不会加载。这是我的HTML文件：

<!DOCTYPE html>
<html lang="en">
  <head>
    <script
      type="text/javascript"
      src="node_modules/chart.js/dist/Chart.js"
    ></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="js/script_test.js"></script>
  </head>
  <body>
    <div>
      <canvas id="myChart2" width="400" height="400"></canvas>
    </div>
  </body>
</html>

非常感谢您的帮助

这回答了你的问题吗？您的代码显示

script\u test.js

，但您编写的外部文件名为

script\u text.js

。这是问题中的错误吗？不，那是答案！谢谢

  var ctx = document.getElementById("myChart2").getContext("2d");
  console.log("hi", ctx);
  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
        }
      ]
    },
    options: {
      scales: {
        yAxes: [
          {
            ticks: {
              beginAtZero: true
            }
          }
        ]
      }
    }
  });
}