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系列

1 个答案: