bagavathi_a
Posts: 1
Joined: Thu Nov 18, 2021 3:25 pm

Border lines in waterfall stack and legend

We are trying to create a chart which is combination of Waterfall and Column stacked charts. The column chart is needed because the data displayed is not sum or intermediateSum.

We are currently facing two problems ,
1. We want one of the series (Executed) to have just a dashed border, without any fill color. This works fine in Column stack, but not in waterfall. Seems dashStyle field affects only the line connecting the columns in a waterfall chart. Is there any way to use dashed border lines for waterfall stacks?
2. The legend is blank for the series without any fill color (Executed). Is there any way to show a rectangle with the dashed border line in the legend?

Sample: https://jsfiddle.net/uyeda3L1/

It would be great if you can help to solve the above problems. Thanks in advance!
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Border lines in waterfall stack and legend

Hello bagavathi_a,

Welcome to our forum and thanks for contacting us with your question!

You have noticed correctly, for waterfall series dashStyle property changes only connector's shape. If you want to change border style of the point you need to apply it manually with attr method.
Demo:https://jsfiddle.net/BlackLabel/de6yvrgq/
API reference: https://api.highcharts.com/class-refere ... ement#attr

When it comes to custom legend element these topics should be helpful: https://stackoverflow.com/questions/363 ... end-symbol,
https://stackoverflow.com/questions/392 ... rts-legend

Let me know if you have any further questions!
Regards!
Mateusz Bernacik
Highcharts Developer

Return to “Highcharts Usage”