User avatar
wikki
Posts: 3
Joined: Wed May 05, 2021 2:14 pm

Outside area color

Hi, is there any implementation of painting the opposite part of the graph?
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Outside area color

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

Please explain, I don't understand what does mean opposite part of the graph?

For better understanding you can share a simplified example in a online code editor, here you will find the templates:
https://www.highcharts.com/demo

I'm waiting for news.
Best regards.
Sebastian Hajdus
Highcharts Developer
User avatar
wikki
Posts: 3
Joined: Wed May 05, 2021 2:14 pm

Re: Outside area color

For example here https://www.highcharts.com/demo/line-time-series . We see that the gradient fill is set for the graph. But I need to display it at the top of the canvas, not the bottom. Without using axis rotation.
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Outside area color

Hi,
Thanks for the explanation, now I get your point.

The simplest way will be to set chart.plotBackgroundColor and turn off yAxis.gridLineWidth on yaxis.

Demo:
https://jsfiddle.net/BlackLabel/gf6wasro/

API References:
https://api.highcharts.com/highcharts/c ... roundColor
https://api.highcharts.com/highcharts/y ... dLineWidth

Let me know if was that what you were looking.
Best regards.
Sebastian Hajdus
Highcharts Developer
User avatar
wikki
Posts: 3
Joined: Wed May 05, 2021 2:14 pm

Re: Outside area color

Thanks for the answer! Then another question, is it possible to implement "low" parameter for data, only for series type: "area" ? As in this example with columns http://jsfiddle.net/9k50bbcj/
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Outside area color

Hi,
The way you added low to data is just a parameter, it could be 'something' but it won't work like low for series that has it built-in.

You can mix series, you can have a low parameter in one if you want.

Live demo
https://jsfiddle.net/BlackLabel/zfbaprvx/

API References:
https://api.highcharts.com/highcharts/s ... e.data.low


Best regards.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Usage”