Javascript 无法在数据属性中引用json文件，但数组列表数据有效

我在我的asp.net网站中加入了cal heatmap，只要我通过数组引用数据（初始化为init方法上方的变量），所有工作都正常，但是当我在visual studio中创建新文本文件并将其重命名为datas-years.json并在“data”属性中引用它时，事情就会停止显示，请帮助我

下面是工作代码，在数组中手动输入数据并引用

下面是通过单独文件进行的引用，全部在visual studio下

我还想知道将日期转换为秒格式的最佳方式是什么，当我在live中实现它时，我应该确保它以秒格式添加到json文件中，还是可以像2015年2月26日那样？然后在借用json文件时将其转换为秒数？请引导我，谢谢

编辑：

目录中datas-years.json文件中的数据

[{ "1420498800":20, "1420585200":40, "1420671600":80, "1421708400": 1, "1422226800": 1, "1422313200": 1, "1422399600": 2, "1422486000": 1

---

}]

您是否检查了JSON是否有效？获取JSON时，在控制台/网络选项卡中是否看到任何错误消息？您的JSON文件是否与调用文件位于同一目录中？没有这些信息，就很难得出结论。@ThomasSebastian hi，我什么也没做，只是将相同的工作数据样本复制粘贴到同一目录下的新文件中。问题中的datas-years.json内容现在已经更新，请检查并告知我是否有任何错误您是否检查了控制台是否有任何错误？你能从你使用这个代码的地方发布链接吗？很容易理解正在发生的事情。您的JSON似乎很好。@ThomasSebastian感谢您的时间，这是github上的项目，我从中获取并执行它，当我获取数组中的值并将其分配给属性数据时，它工作正常，但为什么它不采用文件路径是令人担忧的方面，您好，你能试着像

http://localhost/path-to-your-dir/datas-years.json

。可能是插件无法访问该文件。同时删除所有其他额外选项，直到数据正常工作。将很容易调试。您还可以删除

数据类型：“json”

，因为它是在插件中默认设置的。打开chrome控制台，检查在请求json文件时是否看到任何错误。

var cal = new CalHeatMap();
var data = { "1420498800": 20, "1420585200": 40, "1420671600": 60, "1420758000": 1, "1421103600": 2, "1421190000": 90, "1421276400": 1, "1421362800": 1, "1421622000": 1, "1421708400": 1, "1422226800": 1, "1422313200": 1, "1422399600": 2, "1422486000": 1, "1422572400": 1, "1423695600": 3, "1424127600": 2, "1424214000": 1, "1424300400": 3, "1424386800": 1, "1424646000": 2, "1424732400": 1, "1424818800": 2, "1424905200": 2, "1424991600": 1, "1425337200": 1, "1425855600": 4, "1426201200": 2, "1426460400": 2, "1426546800": 1, "1426633200": 2, "1426719600": 1, "1426806000": 1, "1427065200": 1, "1427151600": 1, "1427238000": 2, "1427324400": 1, "1427670000": 2, "1428361200": 2, "1428447600": 2, "1428534000": 3, "1428620400": 3, "1428966000": 2, "1429138800": 2, "1429225200": 1, "1429484400": 2, "1429570800": 1, "1429657200": 2, "1429743600": 2, "1429830000": 3 };

cal.init({
    data: data,
    itemName: ["volunteer", "volunteers"],
    start: new Date(2015, 0, 1, 1),
    domain: "month",
    subDomain: "day",
    cellSize: 15,
    subDomainTextFormat: "%d",
    range: 12,
    legend: [20, 40, 60, 80],


});

var cal = new CalHeatMap();

cal.init({

    datatype:JSON,
    data: "datas-years.json",
    itemName: ["volunteer", "volunteers"],
    start: new Date(2015, 0, 1, 1),
    domain: "month",
    subDomain: "day",
    cellSize: 15,
    subDomainTextFormat: "%d",
    range: 12,
    //highlight: new Date(2016, 1, 15),
    legend: [20, 40, 60, 80],


});