Тепловая диаграмма d3js добавляет 3 прямоугольника в группу - PullRequest
Новая
       55

Тепловая диаграмма d3js добавляет 3 прямоугольника в группу

0 голосов
/ 23 декабря 2018

Привет, я пытаюсь настроить этот пример.

http://bl.ocks.org/tjdecke/raw/5558084/

Я пытаюсь получить 3 прямоугольника под 1 часом (метка часа). 

 function (error, data) {

            console.log(data);
            var colorScale = d3.scale.quantile()
                .domain([0, buckets - 1, d3.max(data, function (d) {
                    return d.value;
                })])
                .range(colors);

            var cards = svg.selectAll(".hour")
                .data(data, function (d) {
                    return d.day + ':' + d.hour;
                });

            cards.append("title");

            cards.enter().append("rect")
                .attr("x", function (d) {
                    return (d.hour - 1) * gridSize;
                })
                .attr("y", function (d) {
                    return (d.day - 1) * gridSize;
                })
                .attr("rx", 4)
                .attr("ry", 4)
                .attr("class", "hour bordered")
                .attr("width", gridSize)
                .attr("height", gridSize)
                .style("fill", colors[0]).append('rect');

            cards.transition().duration(1000)
                .style("fill", function (d) {
                    return colorScale(d.value);
                });

            cards.select("title").text(function (d) {
                return d.value;
            });

            cards.exit().remove();

вот код, который я пытался настроить.

...