GuideLineをPlottable.jsで色づけるには？

Question

私はPlottable.jsからGuideLineLayerを簡単に色付けする方法を探しています。

私は以下のことを試みました。

1）attr()この onAnchor()の内側を使用しようとはline要素を含むg要素へのattrが追加されますが、任意の効果を持っていないようです。 CSSの優先順位ですか？ addClass() を用い

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

2）これは、完全に直感的であり、その色チャートの境界の代わりに、ガイドラインとして。

.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; 
}