Page 1 of 1

cross style chart

Posted: Wed Jun 22, 2022 6:33 pm
by jahnvi25
i have requirement where i need to show chart which looks like attached image. (sample_cross)
i tried using type as 'coloredLine ' since i have red and green segment color and tried dot as dashStyle but what i got is shown in sample_dot..

is there a way to achieve whats in image sample_cross

i compared the values and they are matching..

Thanks

Re: cross style chart

Posted: Thu Jun 23, 2022 4:57 pm
by michal.f
Hello,

Can you specify what exactly you mean?

Looking at this chart below, I would use the combination of these two charts (columnrange and markers-only) as two series for this. And for the second, he set up custom markers.

https://www.highcharts.com/demo/stock/columnrange
https://www.highcharts.com/demo/stock/markers-only

Best regards!

Re: cross style chart

Posted: Thu Jun 23, 2022 7:34 pm
by jahnvi25
sorry.. for confusion.. its common candlestick chart.. which is the base.. i am talking about red/green cross series on chart.. and yes marker would work.. but how can i change the color ? do i need separate series for red/green ?

Re: cross style chart

Posted: Fri Jun 24, 2022 9:38 am
by michal.f
Hi,

You can set colors for a specific points.

Demo: https://jsfiddle.net/BlackLabel/dc4s8zek/
API: https://api.highcharts.com/highcharts/s ... data.color

Best regards!

Re: cross style chart

Posted: Fri Jun 24, 2022 5:43 pm
by jahnvi25
Thanks a lot for reply.. thats exactly i wanted..

Re: cross style chart

Posted: Mon Jun 27, 2022 8:31 am
by michal.f
You're welcome!

Let me know if you have any further questions!
Best regards!