如何更改图表特定网格线的颜色

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/