cancel
Showing results for 
Search instead for 
Did you mean: 

Line Chart - Customizing a line to various "Dotted" styles

Ophir_Buchman
12 - Data Integration
12 - Data Integration

When creating a line chart, a certain line might require a different style.

For example - A line that shows a threshold should be styled as a dotted line

The following widget & widget script can be used to customize your line chart:

widget.on('processresult', function(widget, result) {
let series = result.result.series;
series[1].dashStyle = 'Dot'
})

 Result:

Before After
Ophir_Buchman_0-1649671258502.png Ophir_Buchman_1-1649671275210.png

Available line styles:

  • Solid
  • ShortDash
  • ShortDot
  • ShortDashDot
  • ShortDashDotDot
  • Dot
  • Dash
  • LongDash
  • DashDot
  • LongDashDot
  • LongDashDotDot'

Ophir_Buchman_2-1649671320429.png

 

1 REPLY 1

zach_myt
10 - ETL
10 - ETL

I found this useful to alter the lineWidth of an individual line as well using.

widget.on('processresult', function(widget, result) {
let series = result.result.series;
series[0].lineWidth = 7 
})