如何正确安装/访问Javascript库

我正在研究一个包含php页面的基本网站。我在cpanel上托管我的网站。我想将这个Javascript库（here）合并到我的项目中。我已下载该项目，将源文件中的内容复制到我的项目中，并测试了他们的示例代码（here），但我的页面上没有显示任何内容。是导入/实施项目如此简单，还是我错过了几个步骤？谢谢！如何正确安装/访问Javascript库

我很抱歉如果我滥用任何条款，因为我的网络开发知识在其他领域显着缺乏。谢谢！

编辑：我没有使用jquery /没有它安装;我需要添加这个吗？下面

代码：

<div class="jumbotron"> 
    <h1> Test</h1> 

    <canvas id="myChart" width="400" height="400"></canvas> 
    <script type="text/javascript" src="assets/js/chart.js" charset="utf-8"> 
    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 
      }] 
     }, 
     options: { 
      scales: { 
       yAxes: [{ 
        ticks: { 
         beginAtZero:true 
        } 
       }] 
      } 
     } 
    }); 
    </script> 


</div>

来源

2016-08-13 Josh D.

你并不需要jQuery来使用chart.js之。但是，如果您想使用时间轴，则需要Moment.js。你可以发布你的应该显示图表的代码吗？ – rockerest

我刚刚发布了一段代码，其中包括我希望将图表放入图表的Div。请让我知道如果这是有益的，谢谢！ –

-2

你可以看看这个，因为它为我工作。您没有得到任何显示，因为您在脚本标记中包含了source属性。我知道的是，当你在一个特定的文档中工作时有一个脚本标记，并且你决定在脚本标记之间放置一些代码，那么除非代码在另一个文件中，否则不包括src标记。希望这有助于。

<head> 
<script type="text/javascript" src="assets/js/chart.js"></script> 
</head> 
<div class="jumbotron"> 
<h1> Test</h1> 

<canvas id="myChart" width="400" height="400"></canvas> 
<script type="text/javascript"> 
var ctx = document.getElementById("myChart").getContext("2d"); 
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 
       } 
      }] 
     } 
    } 
}); 
</script>

来源

2016-08-13 19:52:05 SBA

我没有安装jQuery（至少不知道我的知识？）。我能够没有它，还是需要它？谢谢！ –

@Josh D.我认为你应该安装它，因为其中一些库依赖于它。在真正显示图表的脚本之前首先加载依赖关系 – SBA

此答案不正确。 Chart.js不需要jQuery，并建议OP包含jQuery以防万一，而不需要研究是否需要使用jQuery。 – rockerest

如何正确安装/访问Javascript库

回答

相关问题