Javascript Chart.js未出现在在线网站上

我真的搞不懂

我使用的是Chart.js，这个图表在本地运行得很好，但是当我试图在我的服务器上在线显示它时，它就不起作用了

var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“2010”、“2011”、“2012”、“2013”、“2014”、“2015”、“2016”、“2017”]，
数据集：[{
标签：“Udvikling i motorvejstrafikken 2010-2017”，
数据：[100103.5107.21110.3115.4120.9126.3131.5]，
背景颜色：[
"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）’
],
边框宽度：4
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
最低：90
}
}]
}
}
});   
有点晚，但我也遇到了同样的问题。要解决此问题，您需要从window.onload生成图表

e、 g

不知道为什么它在没有这个的情况下在本地工作，但是需要在服务器上显示这个更改
 您是在顶部还是底部定义脚本（用代码段无法分辨）。因为我曾经有一个问题，我的脚本标签在底部和本地，它可以工作，但当我尝试把它放在网上，它没有。当我把脚本标签放在开头时，它对我来说很好。或者您的服务器不允许从internet获取您的源？尝试下载脚本并将其与图表联机。因为在我看来，这个错误是指你的脚本不正确，因为它无法识别Chart方法，{

位于char.js文件的顶部。我在文件的顶部定义脚本。通常，我们可以从internet获取脚本，但我会尝试下载脚本。谢谢。我尝试下载脚本并将其与我的文件联机。但这也不起作用。@WhiteHat-不，我没有。：(

window.onload = function() {
  var ctx = document.getElementById('myChart').getContext('2d');
  window.myLine = new Chart(ctx, {
      type: 'line',
      data: {
          labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017"],
          datasets: [{
              label: 'Udvikling i motorvejstrafikken 2010-2017',
              data: [100, 103.5, 107.2, 110.3, 115.4, 120.9, 126.3, 131.5],
              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: 4
          }]
      },
      options: {
          scales: {
              yAxes: [{
                  ticks: {
                      min: 90
                  }
              }]
          }
      }
  });
};