D3 v5 xAxis метки с использованием значений даты - PullRequest
Новая
       49

D3 v5 xAxis метки с использованием значений даты

0 голосов
/ 03 марта 2019

Я снова задаю этот вопрос с более подробной информацией.возникли проблемы, пытаясь понять, как применять даты, чтобы пометить галочки на оси X.Я пробовал разные решения на разных примерах.Данные представляют собой объект в формате Hour Minute am / pm, например, 12:30, представлен как d.TIME.Я работаю из этого примера https://bl.ocks.org/d3indepth/8948c9936c71e63ef2647bc4cc2ebf78

Данные выводятся, но я думаю, что где-то нужен scaleLinear.Любые предложения или ссылки на подобные были бы наиболее ценными. 

<svg width="800" height="80">
    <g id="wrapper" transform="translate(40, 40)">
    </g>
</svg>

var timeScale = d3.scaleTime()
    .domain([new Date(d3.max(dataset, function(d) { return (d.TIME)})), new Date(d3.min(dataset, function(d) { return (d.TIME)}))])
    .range([0, 700]);

d3.select('#wrapper')
.selectAll('circle')
.data(dataset)
.enter()
.append('circle')
.attr('r', 2)
.attr('cy', 8)
.attr('cx', function(d) {
    return timeScale(d.TIME);
});

d3.select('#wrapper')
.selectAll('text')
.data(dataset)
.enter()
.append('text')
.attr('x', function(d) {
    return timeScale(d.TIME);
})
.text(function(d) {
    return d.TIME;
});
...