Линейный график D3 JS начинается с 0

Question

Линейный график D3 JS начинается с 0

1

Я создаю линейную диаграмму, используя D3 JS V4. Пожалуйста, обратитесь к скрипке.

var line = g.append("path")
    .data([lineData])
    .attr("class", "line")
    .attr("d", valueLine)
    .style("fill", "none")
    .style("stroke-width", 2)
    .style("stroke", "#000");

Путь начинается с 0 по оси x. Согласно данным, он должен начинаться с первого значения x. Как я могу начать путь с первого значения x?

shafeequemat 12 июнь 2017, в 11:38

Источник

Теги:

javascript

d3.js

svg

1 ответ

Ещё вопросы

Gerardo Furtado · Accepted Answer · 2017-06-12T07-48-00.000Z

Вы не должны использовать шкалу диапазона, которая имеет соответствующую полосу пропускания. Например, используйте диапазонные шкалы для гистограмм.

В качестве альтернативы вместо этого используется точечный масштаб:

var x = d3.scalePoint()
.rangeRound([0, width])
    .padding(0.5);

Вот скрипт обновления: https://jsfiddle.net/gzf7o6sh/