Графики D3 и JSON

Question

Привет Я создал одну горизонтальную диаграмму d3 с данными, представленную как массив в самом HTML. Теперь я хочу удалить данные из кода и поместить его в отдельный файл JSON. Когда я попробовал его дать мне ошибку, которую я не могу решить. Вот мой предыдущий код, который работает, и последний код

dataset = [{ 
     data: [{ 
      Region: 'N', 
      count: 500 
     }, { 
      Region: 'W', 
      count: 200 
     }, {  
      Region: 'C', 
      count: 300 
     }, { 
      Region: 'E', 
      count: 150 
     }], 
     name: 'Average Order Management Time' 
    }, { 
     data: [{ 
      Region: 'N', 
      count: 500 
     }, { 
      Region: 'W', 
      count: 400 
     }, { 
      Region: 'C', 
      count: 150 
     }, { 
      Region: 'E', 
      count: 255 
     }],  
     name: 'Average Enrichment Time' 
    }]; 

dataset = dataset.map(function (d) { 
       //code goes here 
      }); 

теперь я создал отделенный файл JSON и модифицировал код, как показано ниже.

d3.csv("AvgHori.json", function(error, data){ 
    //code goes here 
}), 

Диаграмма не отображается, и когда я ее отлаживал, она дала мне эту ошибку.

SCRIPT5007: Не удалось получить прототип свойства неопределенной или нулевой ссылки Что это? Почему тележка не берет мой файл JSON

Answer 1

D3 анализирует файлы json с использованием метода d3.json, а не d3.csv. d3.csv используется для файлов csv.

d3.json("AvgHori.json", function(error, data){ 
    //code goes here 
}),