Как покрасить GuideLine в Plottable.js?

Question

Я пытаюсь найти простой способ покрасить GuideLineLayer из Plottable.js.

Я попробовал следующее до сих пор.

1) пытаясь использовать attr() внутри onAnchor()Это добавляет attr к g элемент, содержащий line элемент, но, кажется, не имеет никакого эффекта. Может ли это быть приоритетом 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;
}