shalini
Posts: 12
Joined: Wed Jun 01, 2022 10:01 am

Multicolored single column

If I multicolor a column by using stacking in highcharts, when a columns overlaps it's not displaying properly.
overlap.PNG
overlap.PNG (18.04 KiB) Viewed 553 times
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Multicolored single column

Hi shalini,

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

Please create a live demo with the issue. You can start here: https://jsfiddle.net/BlackLabel/s93jLdfx/

Regards!
Mateusz Bernacik
Highcharts Developer
shalini
Posts: 12
Joined: Wed Jun 01, 2022 10:01 am

Re: Multicolored single column

Hi,

Thanks for the reply,

Please check the code : https://jsfiddle.net/Lzgb6duy/3/

When 2 or 3 columns overlaps down color is properly overlapping, but top color stays behind the down color of another column. It should be overlapped properly, please find the below image for reference
overlap.PNG
overlap.PNG (8.37 KiB) Viewed 550 times
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Multicolored single column

shalini,

This can be adjusted with zIndex property. Please see this demo and let me know if now it overlaps correctly:
https://jsfiddle.net/BlackLabel/Lnz8461c/

API reference: https://api.highcharts.com/highcharts/s ... umn.zIndex

Regards!
Mateusz Bernacik
Highcharts Developer
shalini
Posts: 12
Joined: Wed Jun 01, 2022 10:01 am

Re: Multicolored single column

Thank You,

It's working fine :)

Regards,
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Multicolored single column

You're welcome! In case of any further questions, feel free to contact us again.
Mateusz Bernacik
Highcharts Developer
shalini
Posts: 12
Joined: Wed Jun 01, 2022 10:01 am

Re: Multicolored single column

Hi,

How can we remove the white line between the colors in a column,
whiteSpace.PNG
whiteSpace.PNG (2.4 KiB) Viewed 535 times
Regards,
Shalini
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Multicolored single column

shalini,

Please set borderWidth: 0 for series and let me know if that helped.
Demo: https://jsfiddle.net/BlackLabel/g1posaLm/
API reference: https://api.highcharts.com/highcharts/s ... orderWidth

Regards!
Mateusz Bernacik
Highcharts Developer
shalini
Posts: 12
Joined: Wed Jun 01, 2022 10:01 am

Re: Multicolored single column

Thank You, It's working fine.

Regards,
mateusz.b
Posts: 2006
Joined: Tue Jul 13, 2021 11:34 am

Re: Multicolored single column

You're welcome! In case of any further questions, feel free to contact us again.
Mateusz Bernacik
Highcharts Developer
shalini
Posts: 12
Joined: Wed Jun 01, 2022 10:01 am

Re: Multicolored single column

Hi,

Can we apply border to a column only on left and right, by removing the top and bottom borders. Please help me out in this.
Attachments
whiteSpace.PNG
whiteSpace.PNG (2.4 KiB) Viewed 468 times
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Multicolored single column

Hello,

You have already created a topic regarding this question. Please do not duplicate posts on the forum and wait for the reply in the link below:
viewtopic.php?f=9&t=48983

Regards!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”