score:2
Accepted answer
flots
markings is analagous to Highchart's plot bands.
Quick example:
$('#container').highcharts({
chart: {
type: 'column'
},
yAxis: {
plotBands: [{
color: '#FCFFC5',
from: 100,
to: 300
}]
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
Fiddle here.
Source: stackoverflow.com
Related Query
- Highcharts threshold background color from 100 y-axis
- Highcharts - How to start x axis from an arbitrary value
- Highcharts - change background color along specific date range
- Change Y Axis vertical line color in Highcharts
- Highcharts.js - Background color of axis only
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- Make Highcharts border color match background color on column chart
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highchart: Background color of Axis
- Background color to highcharts
- How to hide color axis in heatmaps using highcharts
- How to populate a Highcharts axis with string formatted data from a PHP array
- How do I set the background color of a Highcharts HTML label?
- Highcharts Change Bar Background Color Based on categories value
- Highcharts - column color different from color in legend
- HighCharts - Dynamically Change Axis Title Color
- passing json values to highcharts from .net code behind
- Highcharts - Export with background color
- Highcharts polar background color
- Is it possible to have two Y Axis in a highstock chart from highcharts one on the left and another on the right?
- background color change in jquery highcharts
- Highcharts Heatmap background color when invalid data
- Highcharts set background color and opacity
- Highcharts Solid Gauge (Thermometer) ... Color from -30 to +60
- Highcharts original background color always gets exported
- How to remove background color on hover of bar in highcharts
- How to make the Y Axis values not start from 0 in highcharts? How to display forcefully display the last category data on X axis in HighCharts ?
- Highcharts - on zoom start Y axis from 0
- How can I apply different background color to entire tooltip for different series in highcharts
- highcharts from HTML table does not getting the x axis key
More Query from same tag
- Highchart, dynamically change the chart type
- fixing label overlapping in second level of grouped categories plugin used in highchart
- Prevent xAxis of column highchart taking negative labels on hiding one of other series(on legendItemClick event)
- Need total value of two columns on Tooltip High charts
- How can I show a highstock graph with a linear timeline
- Selecting different types of charts
- Array issue in rails and highcharts
- Highchart is not getting populated using external json data
- Retain Parent DataLabel in Treemap Highcharts
- Highcharts: Trigger showing tooltip programatically with selenium
- Create new value in legend for 2nd and 3rd drilldown
- Pie Piece Too Small
- Sliding the data of the line highchart
- How to display yearly values on xAxis in Highcharts
- r - automatically add y axis in highchart
- Click event and two way data binding in HighCharts using AngularJS
- Highcharts data value from variable array string
- Resize on multiple Highcharts not working after dropdown change
- highchart maps: mapbubble set custom x,y coordinates for the series for bubbles on same country
- ASP.NET WebRequest to Highcharts export server
- Highcharts multiple series in drill down
- Grouped bar chart for the following data?
- boxplot catergories don't line up Highcharts
- Highcharts: How to create Pie-Donut Chart with 1 slice to have 1 layer and other slices to have 2 layers
- HighCharts : Adding Hyperlinks to the X-Axis of the chart
- Basic highcharts plugin, need to remove line between point
- Highcharts' getExtremes function can't return correct dataMax
- Parsing CSV data into JS Objects to use in chart. Uncaught ReferenceError: data is not defined(jsfiddle included)
- How to make a Highcharts semi-circle donut chart using Hightchart-ng
- Formatting tooltip in Highcharts