D3热图转换代码使用json代替tsv

我正在尝试使用D3热图：但在更改代码时遇到问题。该示例显示了.tsv文件的使用，但我想改用.json文件

因此，不使用tsvFiles代码，如下所示：

var heatmapChart = function(tsvFile) {
        d3.tsv(tsvFile,
        function(d) {
          return {
            day: +d.day,
            hour: +d.hour,
            value: +d.value
          };
        },
        function(error, data) {
          // eliminate code
        });  
      };

我尝试更改为json（但不起作用）：

---

d3.json

不接受访问函数，只接受

d3.csv

和

d3.tsv

接受它（访问函数是代码段中介于“data.json”和“function（error，data）”之间的函数）

因此，将

d3.json

函数更改为：

d3.json("./data/data.json",  function(error, data) {
    //the rest of your code
});

在“代码的其余部分”中，编写accessor函数。在您的情况下，类似这样的情况：

data.forEach(function(d) {
    return {
         day: +d.day + 1,
          hour: +d.hour + 1,
          value: +d.value
     };
 });

此外，只有当JSON完全模仿由

d3.tsv

创建的对象数组的结构时，这才有效

data.forEach(function(d) {
    return {
         day: +d.day + 1,
          hour: +d.hour + 1,
          value: +d.value
     };
 });