score:1
Yes. These are called plotBands
. Very much recommended to check out the HighCharts API documentation. Plenty of examples.
score:1
Yes these are called plot bands,
you can configure plotbands as you want.
these can be configured easily
xAxis :{
plotBands:{
id: 'abc',
from: 0,
to:1,
color: '#CCCCCC'
}
}
this will set a plot band with that id from xAxis 0 to xAXis 1, the id will be useful for removing it later if wanted.
you can also add plot bands once the chart is completely rendered by using the method called addPlotBand();
chart.xAxis[0].addPlotBand({
id: 'abc',
from: 0,
to:1,
color: '#CCCCCC'
});
the same can be done for yAxis also.
please refer High hope this will help you.charts Api documentation before you proceed.
Source: stackoverflow.com
Related Query
- how can I make highlight markers in highchart
- Vue js + HighChart - how can I make a synchronous axios call before the component get rendered?
- Highchart spline Cut Off when reach to maximum scale value. How can it fixed?. I have attached may sample code on body
- How can I do in Highchart to have 1px space between the columns and the y Axis?
- How can I generate a real-time highchart from my database data?
- How can I extend the lines of this Highchart series to the edges of my chart area?
- How can I prevent my HighChart bar chart from being inverted?
- How can I customize a Highchart filename?
- highcharts- stacked bar, how can I make the chart cover the width 100%?
- How can I make a graph with highcharts from csv file?
- How can I make preset json data ready to be used in my highchart?
- How Can I Make Responsive Titles In Highcharts?
- how to make above highchart graph responsive on window resize?
- How to make 1st bar selected in column highchart on page load?
- Highchart how can i give frame like this?
- How to make interactive highchart tooltips
- how can I make highstock flags stay put
- How to make two charts using highchart show up in the same line side by side using div
- How can I put the Highchart to the html page
- How can I make React Native in Android aware of a click event in a tooltip in a Highcharts chart?
- How do I make HTML working in HighChart title?
- How can I make milestone lines with a GANTT chart using the highcharts library?
- How can I wrap long text labels in highchart nested groups
- How to make a highchart pathfill blink/flicker continuisly
- How can I render a watermark image in my highchart from local directory?
- How can I populate my highchart using Ajax.
- How can i export row data from highchart to excel file and not csv?
- How can I convert datetime stamp in jQuery of a Highchart to get the correct format in json?
- How can I get inner slice when clicking on an outer slice in a HighChart donut chart?
- How Can we display blocked area for particular timeline in horizontal bar in gantt highchart
More Query from same tag
- Unable to display the chart using Ionic3/2
- How can I use the chart.addButton() method?
- Highcharts: Legend not show
- Export powerpoint from highcharts
- Compare two data points inside the tooltip in a Highcharts combination chart
- Is it possible to have an upColor on a Area graph using Highcharts?
- Set custom symbol to HighCharts legend
- put your own series in highcharts sereis
- Issue while Dynamically Modifying yAxis Extremes in Highchart
- shift y-axis from dumbell chart within the line
- multiple Y axis - margin
- How to set an fillArea offset in HighCharts
- Hidden Highcharts not sizing correctly until window resize
- Calculate percentage dynamically on click of legend
- Highstock: how to define and make the x and y axes visible?
- Populate highcharts data using MySQL
- Add additional data to a Highcharts series for use in formatters
- Why does the country with no data always go on top?
- Highcharts: Make the Axis continue to current datetime
- Background image isn't appearing in Highcharts
- Changing Directive that renders HighChart using AngularJS
- Which web charting libraries export well with Wicked PDF?
- how to show multiple values of same attribute in tooltip in highcharts?
- How to use high charts in Angular?
- In Highcharts, how to redraw chart after legend item width resized?
- Highcharts - Range Selector - Date fields not visible
- How to pass custom tootlip for each data point in Line chart : Highcharts+ ReactJS
- Highlight slice of a pie chart in highcarts
- Show customized Mouse over on a bubble chart in Highchart JS
- Highcharts pie chart size doesn't fill smaller containers even with dataLabels disabled