Загрузка внешнего csv-файла в jsfiddle

Я пытаюсь создать jsfiddle для одного из dc.на JS примеры. Я не могу загрузить внешний файл с помощью URL и d3.csv().

может кто-нибудь предложить, как загрузить файл csv с помощью d3.csv в jsfiddle.

1 ответов


подход, который я обычно использую для данных CSV в примерах JSFiddle, -

a. Поместите данные в <pre> блок в конце HTML-разметки, обычно с идентификатором "data".

b. Добавить pre {display:none;} в CSS.

c. Заменить d3.csv(filename, callback) вызов функции с d3.csv.parse(text) вызов, используя текстовое содержимое <pre> блок в качестве входных данных для функции синтаксического анализа.

поскольку функция parse не использует обратный вызов, она просто возвращает массив данных, вы необходимо сохранить этот вывод в переменной с тем же именем, что и параметр данных обратного вызова.

другими словами, если ваш пример выглядит так:

d3.csv("data.csv", function(error, data) {

   if(error){console.log("Could not read " + "data.csv");

   /* Do something with `data` here */

});

версия jsfiddle-friendly будет выглядеть так:

//d3.csv("data.csv", function(error, data) {

//   if(error){console.log("Could not read " + "data.csv");

var data = d3.csv.parse( d3.select("pre#data").text() );

   /* Do something with `data` here */

//});

если вы предпочитаете иметь полный рабочий пример, который использует методы чтения файлов по назначению, есть и другие варианты, упомянутые в комментариях. притока также позволяет внешние файлы данных, я думаю.