Javascript 如何将json数据动态链接到chart.js

我正在尝试使用json数据创建一个图表。目前我的脚本中有数据，但我想将其链接到项目文件夹中的一个单独的.json文件

这就是我目前拥有的：

    var jsonfile = {
        "jsonarray": [{
            "name": "Joe",
            "age": 12
        }, {
            "name": "Tom",
            "age": 14
        }]
    };

    var labels = jsonfile.jsonarray.map(function(e) {
        return e.name;
    });

    var data = jsonfile.jsonarray.map(function(e) {
        return e.age;
    });

    var ctx = document.getElementById("chart");
    var chart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: 'Graph Line',
                data: data,
                backgroundColor: 'rgba(0, 119, 204, 0.3)'
            }]
        }
    });

理想情况下，我希望json数据位于单独的文件中，以便可以动态保存。

---

谢谢：）

您可以使用fs模块读取和写入文件

var fs = require('fs');
var jsonfile = fs.readFileSync('the/path');
//if you want to write to the file I gave you a link that shows you the way

有关fs模块的更多信息，请查看

您可能需要经过并将对象保存为文件中的字符串，并在读取文件时将字符串解析回对象

---

另一种你可以考虑的方式是轻量级JavaScript数据库，比如浏览器端的嵌入式数据库，或者其他数据库，例如如果你想坚持数据，尤其是使用电子应用程序。

有很多方法可以用于你的愿望

var data = {"a" : "b", "c" : "d"};

然后

或

---

祝你好运

当我尝试时：

var json=require（'./data.json'）我得到错误“require is not defined”我下载了它，我需要将它链接到我的脚本吗？
<script src="data.js" ></script>

var json = require('./data.json');

$.getJSON("data.json", function(json) {
    console.log(json);
});