如何在HighCharts中渲染具有不同系列的条形图，每个类别只有一个条目

Question

我有一个包含一系列类别的数据系列的图表，每个类别只有一个系列的值：

问题在于条形不是从类别的中心开始，而是从开始或结束开始，具体取决于它是在第一个还是第二个系列中。

有没有办法在中心开始吧？

示例：http://jsfiddle.net/ms1kfrox/

图表设置：

{
  chart: {
    type: 'bar'
  },
  xAxis: {
    categories: ['A', 'B', 'C', 'D', 'E'],
    title: {
      text: null
    }
  },
  yAxis: {
    min: 0,
    title: {
      text: 'Population (millions)',
      align: 'high'
    },
    labels: {
      overflow: 'justify'
    }
  },
  tooltip: {
    valueSuffix: ' millions'
  },
  plotOptions: {
    bar: {
      dataLabels: {
        padding: 0,
        enabled: true
      }
    }
  },
  legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    x: -40,
    y: 100,
    floating: true,
    borderWidth: 1,
    backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
    shadow: true
  },
  credits: {
    enabled: false
  },
  series: [{
    name: 'Type1',
    data: [null, {
        y: 870
      },
      null, {
        y: 408
      },
      null
    ]
  }, {
    name: 'Type2',
    data: [{
        y: 973
      },
      null, {
        y: 680
      },
      null, {
        y: 34
      }
    ]
  }]
}

Answer 1

您可以在plotOptions / bar对象中设置grouping:false。

示例：http://jsfiddle.net/ms1kfrox/1/