линейный график в диаграмме рассеяния с D3 v3 - PullRequest
Новая
       92

линейный график в диаграмме рассеяния с D3 v3

0 голосов
/ 19 марта 2020

Я работаю над проектом, в котором я пытаюсь использовать этот учебник http://bl.ocks.org/dukevis/6768900. Теперь я хочу включить биржевую диаграмму в график рассеяния. Благодаря этому я могу показать исторические события c на карте мира и указать их положение на акциях, используя точки рассеяния на левом графике. Проблема сейчас в том, что я пытаюсь использовать отметку времени Unix для построения графика. Однако (я полагаю) линейный график не обрабатывает временную метку. Потратьте на это весь день и буквально никуда не денетесь. Код, который я использую для создания строки: 


    var createdScale = d3.time.scale()
      .domain([minCreated, maxCreated])
      .range([cx, width])

    var yScale = d3.scale.linear()
      .domain([0, maxScore])
      .range([height, cx])

    var line = d3.svg.line()
      .x(function(d,i) { return createdScale(d.created); })
      .y(function(d,i) { return yScale(d.score); });

    // 9. Append the path, bind the data, and call the line generator 
    svg.append("path")
        .datum(data) // 10. Binds data to the line 
        .attr("class", "line") // Assign a class for styling 
        .attr("d", line); // 11. Calls the line generator

Это приводит к следующей ошибке: Ошибка: атрибут x: ожидаемая длина, "NaN". .

Данные приведены ниже json: 

{
"AdjClose":59.689999,
"Close":59.689999,
"Date":-315619200,
"High":60.389999,
"Low":59.689999,
"Open":59.91,
"Volume":14740000,
"average":60.039999,
"color":"#cc3399",
"country":"usa",
"created":-315619200,
"id":"usa0","num_comments":1,
"score":0.0178304676,
"created_us":-315619200},
{
"AdjClose":59.689999,
"Close":59.689999,
"Date":-315619200,
"High":60.389999,
"Low":59.689999,
"Open":59.91,
"Volume":14740000,
"average":60.039999,
"color":"#cc3399",
"country":"usa",
"created":-315615600,
"id":"usa0",
"num_comments":1,
"score":0.0178304676,
"created_us":-315615600}

Я включил ссылку на свой github для кода проекта здесь: https://github.com/jonasschui/visualisation

Как люди могут уже догадался, у меня очень мало опыта с D3 :) Все кредиты и благодаря учебникам от Dukevis (http://bl.ocks.org/dukevis/6768900). Проверьте его на более интересные вещи. Всем, кто готов помочь, Спасибо!

...