GuideLine如何在Plottable.js中着色？

Question

我正试图找到一种简单的方法来给GuideLineLayer涂上Plottable.js的颜色。

到目前为止，我尝试了以下几种方法。

1)尝试在attr()中使用onAnchor() --这会将attr添加到包含line元素的g元素中，但似乎没有任何效果。会不会是CSS优先？

 var guidelineMax = new Plottable.Components.GuideLineLayer('horizontal')
    .value(222)
    .onAnchor(function(c) {
      c.content().attr('stroke', '#F00')
    })
    .scale(yScale)

2)使用addClass()，这是完全不直观的，因为它为图表的边界着色，而不是指南。

​

.red {
  stroke: #F00;
}

 var guidelineMax = new Plottable.Components.GuideLineLayer('horizontal')
    .value(state[state.param].max)
    .addClass('red')
    .scale(yScale)

Answer 1

我已经接近了我的第二个解决方案。addClass()将给定的类添加到component-group中，这意味着我必须修改CSS以仅针对指南。

.plottable .guide-line-layer.red .content line.guide-line {
  stroke: #FF0000;
}