D3熱圖將代碼轉換爲使用json而不是tsv

Question

我想使用D3熱圖：http://bl.ocks.org/tjdecke/5558084，但無法更改代碼。該示例顯示了.tsv文件的使用，但我想使用.json文件。只有

d3.json("./data/data.json", 
      function(d) { 
        return { 
         day: +d.day + 1, 
         hour: +d.hour + 1, 
         value: +d.value 
        }; 
       }, 

       function(error, data) { 
        // eliminate error 
}); 

Answer 1

d3.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.csv和d3.tsv接受它（訪問器函數是您的片段中的「data.json」和「function（error，data）」之間的函數）。

所以，你d3.json功能更改爲：

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

而且，在 「你的代碼的其餘部分」，寫存取功能。在你的情況，這樣的事情：

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

而且，這樣只會如果你的JSON模仿正是通過d3.tsv創建的對象的數組結構工作。