jahnvi25
Posts: 284
Joined: Thu Oct 04, 2012 12:16 pm

cross style chart

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
Attachments
this is what i am getting
this is what i am getting
sample_dot.png (33.18 KiB) Viewed 507 times
need my chart to look like this
need my chart to look like this
sample_cross.png (32.95 KiB) Viewed 507 times
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: cross style chart

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!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
jahnvi25
Posts: 284
Joined: Thu Oct 04, 2012 12:16 pm

Re: cross style chart

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 ?
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: cross style chart

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!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/
jahnvi25
Posts: 284
Joined: Thu Oct 04, 2012 12:16 pm

Re: cross style chart

Thanks a lot for reply.. thats exactly i wanted..
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: cross style chart

You're welcome!

Let me know if you have any further questions!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Stock”