如何在同一图形中使用D3创建不同种类的网格线

Question

我正在使用D3在角度为5的项目中生成图形。我需要生成所需附件中所示的图形。它在同一图中同时具有实线和虚线网格线。我不确定如何实现。

有人可以帮我修复它吗？请找到实际和必需的图

1. 图片1-实际
2. 图片2-必需

Answer 1

也许您可以看一下此示例以添加次要刻度线和主要刻度线。 https://bl.ocks.org/erikvullings/41be28677574fd484b43e91413a7e45d

您可以使用属性stroke-dasharray创建虚线。这取决于svg的结构，但是您可以选择行并添加此属性。

示例：

d3.selectAll("g.tick line").attr("stroke-dasharray", "5 5")