Я новичок в 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*