score:1
Accepted answer
You can add zones by plot-options, for example:
plotOptions: {
series: {
zones: [{
value: 20,
color: '#7cb5ec'
}, {
color: '#90ed7d'
}],
...
}
}
Live demo: https://jsfiddle.net/BlackLabel/5w9rvonz/
API Reference: https://api.highcharts.com/highcharts/plotOptions.series.zones
Source: stackoverflow.com
Related Query
- Highcharts zones feature for imported text file
- export multiple highcharts with text area for their highcharts to multiple PDF file
- Highcharts text labels for y-axis
- Tooltip text alignment in Highcharts for 'direction: rtl'
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts read text file
- Displaying additional text for Highcharts Bubble chart
- Importing JSON file into Highcharts for Bar Chart Visualization
- Highcharts change label text for a single series
- HighCharts Bubble Chart: text for axis interval labels
- Highcharts display label for pie chart using html table as data source
- Simple, Open source PHP wrapper for Highcharts library
- Highcharts - Specific color zones for HighCharts navigator
- HTML table as data source for highstock charts using highcharts
- Including source for Alchemy js breaks Highcharts js
- Highcharts (SVG) text in Times New Roman for phantomjs but everything else in Helvetica
- Different ToolTip text For Links and Nodes in Highcharts Sankey Charts
- Using a flask variable as data source for highcharts
- Highcharts Interactivity between plots - looking for code improvements
- Highcharts: scroll for text area inside highcharts container; custom table inside highcharts container
- Error: Data source must be a URL for refresh | console error | javascript | Highcharts
- drilldown feature with url property for column graph in Highcharts
- Use Node.js as data source for highcharts
- Unable to load json File for highcharts
- Input from some text areas for highcharts tooltip
- HighCharts turn animation false for line chart
- set different colors for each column in highcharts
- How to make highcharts default to 0 for missing data
- What format does the highcharts js library accept for dates?
- Place text in center of pie chart - Highcharts
More Query from same tag
- Highchart graph customization not performing well
- Changing xDateFormat in highchart tooltip programatically
- Highcharts load data with ajax to populate the tooltip
- How to show open, close, high and low in tooltip when the chart type is 'line' in highstocks?
- How to format dates in Highcharts on x-axis?
- PhantomJS PDF DPI scaling issues
- How to do a 3 level drill down with Highcharts?
- Verify if Pie in Highcharts Pie charts is selected or deselected
- Difference in rendered SVG fetched from FirefoxDriver and HtmlUnitDriver
- Highcharts padding issue
- highchart save image using exporting java and phantomjs
- Highstock.js - Adding a point to the chart dynamically to a new series
- Cannot give different values to diffrent Bar item click in HighChart
- HighCharts/Highstock: How to programmatically draw the mouse line
- Highcharts Export without internet
- Dateformat not working for stacked column charts
- How to change x-axis labels in highcharts in month, week, quarter on condition?
- onclick trigger resize, highcharts
- Use Json array to populate chart
- Highcharts AreaSpline - Adding padding in between the chart and plot area
- How to hide labels in the highcharts in the pie
- Chart series point added not sync with X axis
- Highcharts show two line series with same values
- Formatting date values for tooltips in Highcharts
- Chart js pie or doughnut charts 3 inside instead of 1
- Is there a way to set Highchart options dynamically?
- How do I add a real gap in high stocks so it would be visible on the chart?
- MySQL, Highcharts: "operand should contain 1 column(s):" error
- How to make sure that highcharts spline graphs stays between 0 and 1?
- Add different colour in X-range bar based on percentage