如何更改章魚圖表的特定網格線的顏色

Question

我正在使用Chartist.js來繪製折線圖我試圖更改特定垂直網格的顏色，但是我沒有在插件中找到任何方法。

因此，如圖所示，我想讓第2條和第9條垂直網格線變暗。 （第2和第9僅僅是一個例子，我會越來越網格的索引來動態地從後端突出顯示。）

我想以某種方式做到這一點的抽獎活動，但不知道這個怎麼做。

chart.on('draw', function (data) { 
    if (data.type === 'grid') { 

    } 
}); 

Answer 1

最簡單的方法是通過CSS。像這樣將工作：

.ct-grid.ct-horizontal:nth-of-type(2), .ct-grid.ct-horizontal:nth-of-type(9) { stroke-width: 3; stroke-dasharray: 10px 5px; }

很明顯，你可以添加一個父類，然後只需撥動這個父元素，如果你需要打開或關閉這些較厚的網格線。

注 - 有些奇怪的是，chartist.js似乎要添加的類別ct-horizontal的垂直網格線，反之亦然......

看到這個搗鼓參考：http://jsfiddle.net/whf5h1yu/2/