使用轴类型'category‘时，x轴对面的Highcharts人口金字塔标记不正确

Question

我对highcharts人口金字塔(https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/bar-negative-stack/)进行了如下调整:省略了“类别”选项，而使用了“类型：‘类别’”选项，并将类别添加到数据系列中。我之所以这样做，是因为数据是以来自文件的元组形式出现的。不幸的是，右侧的x轴没有正确标记。我想让右侧的x轴标记为与左侧的相同。如果不使用“类别”选项，这是可能的吗？

这是jsfiddle：https://jsfiddle.net/nehqb9k4/

chart : {
   renderTo: 'container',
   type: 'bar',
   height: 480,
},
xAxis : [{
   type: 'category',
   reversed: false,
}, { // mirror axis on right side
   type: 'category',
   opposite: true,
   linkedTo: 0,
   reversed: false,
}],
yAxis: {
   title: {
       text: null
   },
   labels: {
      formatter: function () {
         return Math.abs(this.value) + '%';
      }
   }
},
plotOptions: {
   series: {
      stacking: 'normal'
   }
},
series: [{
   name: 'Male',
   data: [
      ['0-4',   -2.2],
      ['5-9',   -2.1],
      ['10-14', -2.2],
      ['15-19', -2.4],
      ['20-24', -2.7],
      ['25-29', -3.0],
      ['30-34', -3.3],
      ['35-39', -3.2],
      ['40-44', -2.9],
      ['45-49', -3.5],
      ['50-54', -4.4],
      ['55-59', -4.1],
      ['60-64', -3.4],
      ['65-69', -2.7],
      ['70-74', -2.3],
      ['75-79', -2.2],
      ['80-84', -1.6],
      ['85-89', -0.6],
      ['90-94', -0.3],
      ['95-99', -0.0],
      ['100 +', -0.0]
      ]
   }, {
   name: 'Female',
   data: [
      ['0-4',   2.1],
      ['5-9',   2.0],
      ['10-14', 2.1],
      ['15-19', 2.3],
      ['20-24', 2.6],
      ['25-29', 2.9],
      ['30-34', 3.2],
      ['35-39', 3.1],
      ['40-44', 2.9],
      ['45-49', 3.4],
      ['50-54', 4.3],
      ['55-59', 4.0],
      ['60-64', 3.5],
      ['65-69', 2.9],
      ['70-74', 2.5],
      ['75-79', 2.7],
      ['80-84', 2.2],
      ['85-89', 1.1],
      ['90-94', 0.6],
      ['95-99', 0.2],
      ['100 +', 0.0]
      ]
   }]

Answer 1

您需要为第二个系列设置正确的xAxis：

series: [{
    // xAxis: 0 by default
    name: 'Male',
    data: [
        ...
    ]
}, {
    name: 'Female',
    xAxis: 1,
    data: [
        ...
    ]
}]

现场演示：https://jsfiddle.net/BlackLabel/70yv1Lae/

接口名：https://api.highcharts.com/highcharts/series.bar.xAxis