Line chart - Third series to be dashed

[vegarild]

I have a line chart with three series, and I want the third series to have dashed line insted of solid. I know how to implement dashed lines on all series using line_strokeDasharray in extension point, but do anyone know how to specify it for a specific series?

[duarte.leao]

Hi,

instead of specifying a constant extension point, you specify a dynamic one:

line_strokeDasharray: function() {
   // a) By series value
   return this.getSeries() === "2005" ? '-.' : null;

   // b) By series index
   return this.scene.parent.childIndex() === 2 ? '-.' : null;
}

[vegarild]

Thanks a lot duarte,

got it working with

line_strokeDasharray: function () {
if(this.scene.parent.childIndex() === 3){
　　　return '-';}
}

Do you know if it's possible to also get the legend to be dashed?

[duarte.leao]

Yes,

do similar for the legend rule/dot:

legendRule_strokeDasharray: function() {
    if(this.index === 2) return "-";
}

Note that the legend's scene structure is different — the series scenes are the leaf scenes — so this.index can be used (it's the same as this.scene.childIndex()).

[vegarild]

Just perfect!

[muthumeena]

I have i Plot2 Series:- AVG column,i want only the plot2 line to be in dotted way.
I tried below. it is not working.


line_strokeDasharray: function fun() { return this.getSeries() === "AVG_COLUMN" ? '-' : null;}

Please correct where i am going wrong.