小编Bil*_*tas的帖子

如何在Highcharts中为背景颜色添加类别分组

我有一个通过Highcharts呈现的柱形图,其中包含多个类别和多个系列.虽然Highcharts慷慨地按类别对系列数据进行分组和对齐,但似乎没有配置选项允许为类别分组设置背景颜色.

我希望按类别实现斑马条纹,就像我在Photoshop®中制作的粗糙模型一样: 在此输入图像描述

这是一个包含我当前代码jsfiddle,以及我当前的图表配置:

var chartOptions = {
  "chart": {
    "type": "column"
  },
  "title": {
    "text": ""
  },
  "credits": {
    "enabled": false
  },
  "subtitle": {
    "text": ""
  },
  "xAxis": {
    "categories": [
      "Category 1",
      "Category 2",
      "Category 3",
      "Category 4",
      "Category 5",
      "Category 6"
    ],
    "opposite": true
  },
  "yAxis": {
    "title": {
      "text": "Score"
    },
    "tickPixelInterval": 40
  },
  "plotOptions": {
    "column": {
      "pointPadding": 0.2,
      "borderWidth": 0
    }
  },
  "series": [
    {
      "name": "Series 1",
      "data": [22.735, 5.9, …
Run Code Online (Sandbox Code Playgroud)

javascript jquery highcharts

3
推荐指数
1
解决办法
558
查看次数

标签 统计

highcharts ×1

javascript ×1

jquery ×1