javascript - 添加一个吧 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'
    }]
  }]
});