首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >高图模alternateGridColor

高图模alternateGridColor
EN

Stack Overflow用户
提问于 2018-05-08 15:52:49
回答 1查看 51关注 0票数 0

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

这就是我想要完成的设计:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-09 01:38:29

没有一种自动化的方法,但您可以使用plotBands来实现您的外观。

代码语言:javascript
复制
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/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50237692

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档