score:2
Accepted answer
there isn't an automated way, but you can use plotbands to achieve your look.
var categories = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'];
var plotbands = [];
for (var i = 0; i < categories.length; i++) {
if (i % 3 == 1) {
plotbands.push({
color: '#fecdfe',
from: i - .5,
to: i + .5
});
} else if (i % 3 == 2) {
plotbands.push({
color: '#cdfee5',
from: i - .5,
to: i + .5
});
}
}
highcharts.chart('container', {
yaxis: {
},
xaxis: {
categories: categories,
plotbands: plotbands,
},
series: [{
type: 'bar',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4],
}]
});
Source: stackoverflow.com
Related Query
- Highcharts modulo alternateGridColor
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts - Global configuration with common code and unique data & Headings
- HighCharts Stock Chart error code 18
- highcharts change rendered image source on click
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
- Use of DotNet HighCharts dll to make charts in code behind
- How to edit tooltip in Highcharts C# code
- what means ${demo.css} in example files of highcharts ? That piece of code seems to be literal
- passing json values to highcharts from .net code behind
- how to use highcharts tooltip formatter in python code
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts display label for pie chart using html table as data source
- Simple, Open source PHP wrapper for Highcharts library
- Add Source to Highcharts Export CSV
- Include additional highcharts source data in angular2 app
- Conditions within highcharts code
- Strange character in the Highstock source code
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- Highcharts series visibility with csv data source
- HTML table as data source for highstock charts using highcharts
- Including source for Alchemy js breaks Highcharts js
- Highcharts SVG Export from Python Server Side Code
- How to have multiple highcharts with different series data in vuejs without repeating code
- Converted PHP code that built an array to JS and now highcharts doesn't work - what did I do wrong?
- Using a flask variable as data source for highcharts
- Highcharts Interactivity between plots - looking for code improvements
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Error: Data source must be a URL for refresh | console error | javascript | Highcharts
More Query from same tag
- highcharts scatter with 4 quadrants
- Highcharts & Mysql
- Django Chartkick library option issues
- Highcharts border
- High charts - Increasing the space between chart and title
- React: How to plot API response in highchart
- Highchart ctor doesn't return a Chart
- Series as columns in highcharts
- How to set the x axis of HighCharts to intake DateRange
- Binding empty array to chart
- Highcharts, chart with two series starting in diferent points, how yo show single column?
- How to start lines on columns in HighCharts
- DrillDown in multiple line graphs
- Unable to apply custom pipe to high chart tooltip values
- Can highcharts export a chart AND table data?
- How to show more than one "dataMax" in Highcharts?
- testing React Highcharts config object with formatter callback
- highchart not displaying bars chart while printing
- Highcharts legend position same as tooltip position or make tooltip still visible after hiden series
- Highstock - custom tooltip data not being displayed for larger dataset
- HighCharts - how to show the lineborder in Area Charts
- Highcharts gauge: Circle points on gauge
- How to hide single point bar in serie
- Is it possible to do a custom rendering with highchart-ng?!
- How to make Highcharts legends focus on the chart that it belongs to?
- Is it possible to supply multiple yAxis from with data in one series
- Hide the charts
- Adding regression to multiple series imported from CSV
- Using directive scope to update Highcharts
- Highcharts - Always keep hover state on single slice