K.T
Posts: 50
Joined: Tue Aug 16, 2022 3:37 am

Boxplot - change whiskers to markers

Hello Highcharts team

I am looking to update a boxplot chart instead of having the whiskers a the high and low points and change the them to symbols e.g. Diamond.
Do you have an example and or documentation that will assist me and reaching my goal.

Look forward to hearing from you
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Boxplot - change whiskers to markers

Hello,
instead of having the whiskers a the high and low points and change the them to symbols
What would such a chart look like? Because I don't know exactly what you want to achieve.
Do you have an example and or documentation that will assist me
Here you have all the available API options for the boxplot series: https://api.highcharts.com/highcharts/series.boxplot

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
K.T
Posts: 50
Joined: Tue Aug 16, 2022 3:37 am

Re: Boxplot - change whiskers to markers

Hello

Instead of the line at each point as per my example I would like to replace this with a symbol e.g. point, diamond

https://jsfiddle.net/7n9ekcvd/
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Boxplot - change whiskers to markers

Hello,

Firstly you don't need to create a new custom series if you just want to use low, medium and high from the boxplot. Based on your data, you can map q1 and q2 to the same value as the medium.

Then if you want to turn whiskers into symbols you can hide them by changing whiskerWidth to zero and adding a scatter series linking it to the boxplot series with points where the lines were. Finally, you can disable hovering over scatter series points by using the enableMouseTracking property.

Demo: https://jsfiddle.net/BlackLabel/85pxba7h/
API: https://api.highcharts.com/highcharts/s ... r.linkedTo
https://api.highcharts.com/highcharts/s ... seTracking

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
K.T
Posts: 50
Joined: Tue Aug 16, 2022 3:37 am

Re: Boxplot - change whiskers to markers

Thank you for your response.

I do understand that I could use Q1 and Q3 as the same value along with your additional scatter series also not ideal.
As this impacts the viewing and downloading the data table as it presents additional values. To which creating confusion to those whom will be consuming these values.

Ideally I am looking for a chart that will allow me to present 3 values (Low, Mean & High) like what I have created with the BoxPlot however with the look and feel of a dumbbell.

If you can help me not only great a chart but ensure the data table reflects these values too will be great help.

Thank you in advance.
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Boxplot - change whiskers to markers

Hi,

Right point, you are right.

In this case, it is better to actually use a new series based on Boxplot, where in the logic of creating a point, remove the whiskers and add symbols using SVGRenderer.

Demo: https://jsfiddle.net/BlackLabel/4jcparsm/
API: https://api.highcharts.com/class-refere ... rer#symbol

Let me know if that was what you were looking for!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
K.T
Posts: 50
Joined: Tue Aug 16, 2022 3:37 am

Re: Boxplot - change whiskers to markers

Thank you this is ever helpful
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Boxplot - change whiskers to markers

You're welcome! In case of any further questions, feel free to contact us again.

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”