Как установить другое значение на противоположной оси Y в барах с отрицательным верхним графиком

Question

Я хотел, чтобы на left(negative) side были разные значения, такие как 1k, 2k, 3k и т. Д., И различные значения на right(positive) side оси y, например, 100,200,300 и т. Д. *

.наличие условий в функции форматирования меток

// Data gathered from http://populationpyramid.net/germany/2015/

// Age categories
var categories = [
  '48-51', '51-54', '57-60', '60-63',
  '63-66'
],
oppositecategories = [];


Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },
  title: {
    text: 'Headcount and Hires Age Distribution'
  },
  subtitle: {
    text: 'Lorem Ipsum'
  },
  xAxis: [{
    categories: categories,
    reversed: false,
    labels: {
      step: 1
    }
  }, { // mirror axis on right side
    opposite: true,
    reversed: false,
    categories: oppositecategories,
    linkedTo: 0,
    labels: {
      step: 1
    }
  }],
  yAxis: [{
      title: {
        text: null
      },
      labels: {
        formatter: function() {
          return Math.abs(this.value) + 'K';
        },
        y: 10
      }
    },
    {
      title: {
        text: null
      },
      opposite: false,
      reversed: false,
      labels: {
        step: 100,
        y: 100
      }
    }
  ],
  plotOptions: {
    series: {
      stacking: 'normal'
    }
  },

  tooltip: {
    formatter: function() {
      return '<b>' + this.series.name + ', age ' + this.point.category + '</b><br/>' +
        'Population: ' + Highcharts.numberFormat(Math.abs(this.point.y * 1000), 0);
    }
  },

  series: [{
    name: 'Current HC',
    data: [-2.132, -1.387, -1.121, -1.479, -1.239]
  }, {
    name: 'Hires(4Q)',
    data: [
      1.17, 1.72, 1.36, 1.03, 1.21
    ]
  }]
});

Я ожидаю разные значения на отрицательной стороне и разные значения на положительной стороне

Answer 1

Вы можете создать два отдельных yAxis для серии:

yAxis: [{
    max: 0,
    offset: 0,
    width: '50%'
}, {
    min: 0,
    offset: 0,
    left: '50%',
    width: '50%'
}]

Демо: http://jsfiddle.net/BlackLabel/Lgqyc4k8/

Answer 2

Используя yAxis.labels.formatter, вы можете получить такой результат:

yAxis: [{
  title: {
    text: null
  },
  tickInterval:0.1,
  labels: {
    formatter: function() {
      if(this.value < 0 && this.value % 0.5 === 0){ // Negative value only on .5 k
        return Math.abs(this.value) + 'K';
      } else if(this.value > 0){ // Positive values
        return this.value * 1000;
      } else if (this.value === 0) {
        return 0;
      }
    },
    y: 10
  }
},

Fiddle