Plottable.js içinde GuideLine nasıl renklendirilir?

Question

Plottable.js'den GuideLineLayer'u renklendirmenin basit bir yolunu bulmaya çalışıyorum.

Şimdiye kadar aşağıdakileri denedim. onAnchor() Bu iç attr() kullanmaya çalışıyor

1) line elemanını içeren g elemana attr ekler, ancak herhangi bir etkiye sahip görünmemektedir. CSS önceliği olabilir mi? addClass() kullanılarak

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

2) Bu, tamamen unintuitive olduğu renklerin grafiğin sınır yerine kılavuz olarak.

.red { 
    stroke: #F00; 
} 

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

Answer 1

benim ikinci çözelti ile yakındı. addClass(), verilen sınıfı component-group'a ekler; bu da CSS'yi yalnızca yönergeyi hedeflemek için değiştirmem gerektiği anlamına gelir.

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