Skip to content
Board Index
FAQ
Login
Register
Board index
Highcharts - The JavaScript Charting Framework
Highcharts Stock
Unanswered topics
Active topics
Board Index
FAQ
Search
Login
Register
Conditionally render grid background color
Post Reply
Print view
2 posts • Page
1
of
1
Virag
Posts:
1
Joined:
Wed Aug 10, 2022 4:38 pm
Conditionally render grid background color
Quote
Wed Aug 10, 2022 4:46 pm
Is there a way to conditionally render grid background color?
I have a requirement where 0-200 range should have different background color and 200-600 range should have different background color.
I wanted to acheive with box plot chart.
hubert.k
Posts:
1164
Joined:
Mon Apr 11, 2022 11:48 am
Re: Conditionally render grid background color
Quote
Thu Aug 11, 2022 7:18 am
Hi Virag!
Welcome to our forum and thanks for contacting us with your question!
You can achieve the look you requested by using
plotBands
on the proper axis. If I understand you correctly, you should use it on yAxis, just like in the demo below.
Demo:
https://jsfiddle.net/BlackLabel/2gk8xnsy/
API Reference:
https://api.highcharts.com/highcharts/xAxis.plotBands
Feel free to ask any further questions!
Best regards!
Hubert Kozik
Highcharts Developer
Display posts from previous:
All posts
1 day
7 days
2 weeks
1 month
3 months
6 months
1 year
Sort by
Author
Post time
Subject
Ascending
Descending
Post Reply
Print view
2 posts • Page
1
of
1
Return to “Highcharts Stock”
Jump to
Highcharts - The JavaScript Charting Framework
Highcharts Usage
Highcharts Stock
Highcharts Maps
Highcharts Gantt
Highcharts Dashboards
Highcharts Cloud
Wrappers - The Official Highcharts Wrappers
Highcharts .NET
Highslide JS - The JavaScript Image and Media Viewer
Highslide JS Usage
Highslide Editor
Highslide FAQ
News