Динамические круги рассчитывают на гистограмме d3 - PullRequest
Новая
       22

Динамические круги рассчитывают на гистограмме d3

0 голосов
/ 31 января 2019

Я делаю сгруппированную гистограмму на основе диаграммы d3.

Я пытаюсь сделать круги на гистограмме, как показано ниже.

enter image description here

Но я получаю только вывод ниже.

enter image description here

Мой код d3 

circles.exit().remove();
    circles.enter()
    .append('circle')
        .attr('cx', (d, i) => {
            return this.xScale(d.id) + (this.xScale.bandwidth() / 2);
        })
        .attr('cy', (data) => { 
            const circleCnt = this.getCircleCount(data); 
            return (this.yScale(0) + Math.abs(this.yScale(circleCnt) - this.yScale(0)) - 20) ;
        })

    .attr('r', 4)
    .attr('fill', data => {
        const circleCnt = this.getCircleCount(data); 
            if (circleCnt > 0) { 
                     return 'green';
                } 
            } 
    })

На основании подсчета, естьпоставить циклы в каждом баре.

Динамические круги должны поставить на каждом баре

...