Как отображать текст внутри гистограммы с накоплением в верхних диаграммах

Question

Как вставить текст в разделах с накоплением гистограммы с накоплением на высоких диаграммах (https://www.highcharts.com/demo/bar-stacked).

В моем графике действительно будет только два столбца, и у них будет символ yось перевернута и отображается следующим образом: https://jsfiddle.net/ogjz9ra0/

Highcharts.chart('container', {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: ['Bananas']
    },
    colors: ['#1b98ee', '#1366a6'],
    yAxis: {
        min: 0,
        title: {
            text: 'Total fruit consumption'
        },
    },
    legend: {
        reversed: true,
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    series: [{
        name: 'John',
        data: [4726.78]
    }, {
        name: 'Brian',
        data: [4250.00],
    }]
});

Мне бы хотелось иметь возможность вставлять текст в каждый из столбцов.

https://drive.google.com/file/d/1CDttfeB9mqI5r9voYalsLtEeH0OSs3Ey/view?usp=sharing

Я все еще относительно новичок в HighCharts, поэтому любая помощь будет признательна.

Спасибо вам всем еще раз!

Я немного погуглил, и в большинстве результатов говорится о том, что текст должен отображаться внутри столбца для столбчатых диаграмм без стека.Обратите внимание, что место для проблемы, которую я пытаюсь решить, находится в центре.

Answer 1

Вы можете использовать datalabels документацию , например:

plotOptions: {
  series: {
    stacking: 'normal',
    dataLabels: {
      enabled: true,
      formatter: function() {
        // console.log(this) // uncomment this line to see all params available
        return 'custom text here'
      }
    }
  }
},

Fiddle