Некоторые треугольные символы не отображаются, ромб и квадраты вообще не отображаются на D3 V5 - PullRequest
0 голосов
/ 14 февраля 2020

enter image description here Я новичок в D3 ie, пытаюсь показать символы на многострочном графике с D3. линия из них должна иметь круги в позициях точек данных, и они хорошо отображаются, остальные 3 линии, у одного должны быть треугольники, у одного должны быть ромбы, а у последнего должны быть квадраты. Треугольники показывают 10 из 16 точек, алмазы и квадраты вообще не отображаются. В консоли нет ошибок. Любая помощь ??

var symbolGenerator = d3.symbol().type(d3.symbolTriangle);

    svg2.selectAll('path')
    .data(six)
    .enter()
    .append("path")
    .attr('d', function(d,i) {
        symbolGenerator
            .size(deaths[i]/1000+100);
         return symbolGenerator();
    })
    .attr("fill", color_scheme['6_6.9'])
    .attr("transform", function(d,i) {
        return 'translate(' + xScale(year[i]) + ',' + yScale(six[i])+') ';
    });

    console.log(six);
   console.log(seven);

    var symbolGenerator1 = d3.symbol().type(d3.symbolDiamond);
    svg2.selectAll('path')
    .data(seven)
    .enter()
    .append("path")
    .attr('d', function(d,i) {
        symbolGenerator1.size(100);
         return symbolGenerator1();
    })
    .attr("fill", color_scheme['7_7.9'])
    .attr("transform", function(d,i) {
        return 'translate(' + xScale(year[i]) + ',' + yScale(seven[i])+') ';
    });

    var arc = d3.symbol().type(d3.symbolSquare);
    //alert(arc);
    svg2.selectAll('path')
    .data(eight)
    .enter()
    .append("path")
    .attr("d", function(d,i) {
        arc.size(500);
         return arc();
    })
    .attr("fill", color_scheme['8.0+'])
    .attr("transform", function(d,i) {
        return 'translate(' + xScale(year[i]) + ',' + yScale(eight[i])+') ';
    });*emphasized text*
...