Hi Sheetal!
Thanks for contacting us with your question!
The idea, which is coming to my mind after seeing and reading your requirement is to use a customized
plotBands. To do this you have to modify a little bit one of the core functions in Highcharts, which is responsible for drawing plot bands. If you want to use it in your project all you need to do is copy/paste the plugin in the IIFE function. I have extended this function to accept two new properties passed from the plot band object: start and end, which are responsible for start X-value where the plot band should start and end X-value plot should be ended:
Code: Select all
{
color: '#FCFFC5',
from: 5,
to: 10,
start: 0,
end: 4
}
Please, check the demo below to see an example.
Demo:
https://jsfiddle.net/BlackLabel/8xze4dcf/
Demo: https://jsfiddle.net/BlackLabel/tj1rf8hd/
Let me know if you have any further questions.
Kind regards!