Загрузка внешнего 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 */
//});
если вы предпочитаете иметь полный рабочий пример, который использует методы чтения файлов по назначению, есть и другие варианты, упомянутые в комментариях. притока также позволяет внешние файлы данных, я думаю.