小编nic*_*111的帖子

我正在尝试使用nodejs,express,mysql和ejs使网页显示图表,但我显然不了解ejs/javascript等的工作原理.我需要一个运行脚本来设置图表(来自chart.js模块),但它不会输出任何类型的图表.

我尝试了什么:

• 在脚本中放置console.log()消息,以查看脚本中的代码是否存在问题.控制台没有输出,所以我确信脚本本身没有运行
• 将段落标记放在脚本上方的同一文件中,这些文件正常显示,表明文件仍在被访问,而且脚本不能正常工作

下面的脚本将无法运行:

<canvas id="myChart" width="50%" height="100px"></canvas>

<script scr="map-access-data.js" type="text/javascript"></script>
<script id ="map-popularity" type="text/javascript">
    var Chart = require('chart');
    var ctx = document.getElementById("myChart").getContext("2d");
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: getMapAccessNames(),
            datasets:[{
                label: "Map Selection Popularity",
                data: getMapAccessData(),
                backgroundColor: getMapColors(),
                borderColor: getMapColors(),
                borderWidth: 1
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero:true
                    }
                }]
            }
        }
    });
</script>

在该文件的第一个脚本中引用的map-access-data.js文件:

var mysql = require('mysql');

var connection = mysql.createConnection({
    host     : 'localhost',
    user     : …