Я работаю через интерактивную визуализацию данных Скотта Мюррея для Интернета.Книга посвящена d3 версии 4, и я пытаюсь использовать d3 версии 5. Я новичок в javascript, но все шло довольно хорошо, пока я не дошел до основного различия между версией 4 и 5, которая заключается в чтении данных собещания.
Я застрял на этот пример .Я внес соответствующие изменения в другие примеры, такие как этот и введение в обещания автора D3 .
Я попробовал 2подходы.
Сначала только изменяется строка 36 в связанном примере выше.
Имеет:
d3.csv("time_scale_data.csv", rowConverter, function(data) {
Где у меня есть:
d3.csv("time_scale_data.csv", rowConverter).then(function(data){...
Второй подход заключается в попытке обернуть все в асинхронную функцию, как я уже видел, поэтому начало:
async function makePlot(){
//Load in the data
const dataset = await d3.csv("time_scale_data.csv", rowConverter)
Я получаю одинаковый результат в обоих направлениях.Он отображает некоторый svg-текст 31 декабря для каждой точки данных, но 31 декабря - это даже не одна точка, и я вижу значения в консоли, но ни одно из значений не соответствует моему csv.
Как мне получить этот пример для работы с обещаниями?
ОБНОВЛЕНИЕ:
Это неловко, но я оставлю это для примера, если кто-то еще борется с этим.
Вышеприведенное работает.У меня был один из столбцов, неправильно помеченных в csv, и я исправил его, но даже после жесткого обновления он все равно не исправил, мне нужно было обновить и удалить кэш.Несколько часов моей жизни :(