在HighCharts中,是否有一种在功能上类似于“alternateGridColor”的内置方法来将网格颜色添加到第三行、第四行等?目前“alternateGridColor”只允许您每第二行着色一次。
这就是我想要完成的设计:

发布于 2018-05-09 01:38:29
没有一种自动化的方法,但您可以使用plotBands来实现您的外观。
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],
}]
});http://jsfiddle.net/wskt4hzz/
https://stackoverflow.com/questions/50237692
复制相似问题