Как создать различные виды линий сетки, используя 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")