Можно ли отображать сплошные линии сетки c3 через CSS вместо пунктирной линии по умолчанию?

Question

Есть ли способ получить сплошные линии сетки C3 через CSS без явного объявления значений линий?

Пример:

Базовый пример Сетки C3

var chart = c3.generate({
    data: {
        columns: [
            ['sample', 30, 200, 100, 400, 150, 250, 120, 200]
        ]
    },
    grid: {
        x: {
            show: true
        },
        y: {
            show: true
        }
    }
});

В общем, я обнаружил, что могу изменить стиль сетки по умолчанию с помощью следующего CSS:

.c3 .c3-grid line {
  stroke: pink,       
  stroke-width: 4,  -> if width can be changed, why can't I use css to make grid line solid?
  opacity: 0.3,      
  fill: blue,       
}

изображение того, как выглядит CSS выше с атрибутами, перечисленными выше

Я знаю, что сплошные линии сетки можно получить, явно объявив их так

Пример:

Пример стиля C3 для сетки

Когда я говорю, явно объявляя их, я имею в виду тот факт, что для отображения сплошных линий сетки вы должны фактически дать линии, которые вы хотите отобразить. Как пример ниже:

grid: {
    x: {
        lines: [{value: 2}, {value: 4}]
    },
    y: {
        lines: [{value: 500}, {value: 800}]
    }
}

Поэтому я спрашиваю, возможно ли использовать css, чтобы сделать пунктирную линию сетки c3 по умолчанию сплошной линией?

Кажется глупым, что вы не можете просто использовать что-то вроде:

.c3 .c3-grid line {
      stroke: pink,       
      stroke-width: 4,
      opacity: 0.3,      
      fill: blue,
      dashed: false,   <-- insert whatever property would give  me solid grid lines
    }

Я видел, как еще один человек задал подобный вопрос здесь

Answer 1

Я чувствую себя довольно глупо, потратив много времени на подготовку заметок, чтобы задать свой первый вопрос о стековом потоке. Коллега упомянул, что я должен попытаться использовать собственность, stroke-dasharray: 0,

Таким образом,

.c3 .c3-grid line {
  stroke: pink,
  stroke-dasharray: 0,  <--- turns dashed lines solid
}

Согласно MDN, атрибут stroke-dasharray является атрибутом представления, определяющим шаблон штрихов и разрывов, используемых для рисования контура фигуры.

После нахождения правильного свойства css я смог найти все виды ресурсов в тонкостях использования stroke-dasharray.

• https://css-tricks.com/almanac/properties/s/stroke-dasharray/
• https://www.w3schools.com/graphics/svg_stroking.asp

Короче говоря, очень возможно использовать css для стилизации линии сетки c3 - если вы знаете, какое свойство использовать.