添加一个栏 Highcharts 系列

Question

我想在类别中添加另一个栏。例如，我想在类别 1 中放置另一个栏以保持我的结构。但我在没有数组的情况下添加数据。例如，我不想使用这种结构。

         series: [{
          name: 'bar1',
          data: [1000, 950, 920, 0, 850],
          color: "#FF0000"
          }, {
         name: 'bar2',
         data: [800, 770, 750, 0, 730],
         color: "#000000"

         }, {
         name: 'bar3',
         data: [600, 540, 535, 500, 30],
         color: "#00FF00"

         }]

我必须使用这个：

        series: [{
         "data": [{
            "name": "number1",
            "y": 10,
            "color": "#FF0000"
        }, {
            "name": "number2",
            "y": 42,
            "color": "#FFFF00"

        }, {
            "name": "number3",
            "y": 60
        }]
         }]

我这样做是因为我想自定义每个栏的名称。但是我不知道如何将另一个栏放在与图片所示相同的类别中这是我的文件...

http://jsfiddle.net/v51dxpLn/

我希望每一个酒吧都被赋予不同的名字，并且可以把它们放在同一个类别中。就我的例子而言，我只能按类别划分一个栏。我需要在每个类别的栏中放置 n 个栏，但仍保留其不同的名称。

Answer 1

解决方案是使用多个系列，如下所示：http://jsfiddle.net/awe4abwk/1/

$('#container').highcharts({
  chart: {
    type: 'bar',
  },
  xAxis: {
    categories: ['Cat 1', 'Cat 2', 'Cat 3']
  },

  plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
        format: '{point.name}'
      }
    }
  },

  series: [{
    data: [{
      y: 10,
      x: 0,
      name: 'Bar 1'
    }, {
      y: 10,
      x: 1,
      name: 'Bar 2'
    }, {
      y: 10,
      x: 2,
      name: 'Bar 3'
    }]
  }, {
    data: [{
      y: 20,
      x: 0,
      name: 'Bar X'
    }, {
      y: 20,
      x: 1,
      name: 'Bar Y'
    }, {
      y: 20,
      x: 2,
      name: 'Bar Z'
    }]
  }]
});

添加一个栏 Highcharts 系列

add a bar Highcharts series

javascript

highcharts

highcharts-ng