Как напечатать текст поверх каждой гистограммы в apexchart

Я использую apexchart для вывода графика. Код выглядит следующим образом, и я не хочу, чтобы график включал значение ongo, а только значение ongo, выводимое поверх каждого бара. ex) ongo: {{ ongo | safe }}

Я попробовал добавить enabled: true, enabledOnSeries в настройке datalabels, но нужный мне результат не выводится. Значения для I, S, P, E отражаются на графике, выводятся как datalabel, и только значение ongo отображается как текст поверх каждого бара.

[dashboard.html]

<div id="dashboard">

<script>
var options3 = {
    series: [
    {
      name: 'I',
      data: {{ I | safe }}
    }, {
      name: 'S',
      data: {{ S | safe }}
    }, {
      name: 'P',
      data: {{ P | safe }}
    }, {
      name: 'E',
      data: {{ E | safe }}
    }, {
      name: 'ongo',
      data: {{ ongo | safe }}
    },
    ],
    chart: {
      type: 'bar',
      height: 550,
      stacked: true,
    },
    plotOptions: {
        bar: {
            dataLabels: {
                position: 'center',
            },
        }
    },
    dataLabels: {
        style: {
            fontSize: '10px',
            colors: ["#304758"]
        }
    },
    stroke: {
      width: 1,
      colors: ['#fff']
    },
    title: {
      text: 'I-S-P-E chart',
      offsetY: 0,
      align: 'center',
    },
    xaxis: {
      categories: {{ teacher | safe }},
    },
    yaxis: {
      title: {
        text: undefined
      },
    },
    fill: {
      opacity: 1
    }
};

var chart3 = new ApexCharts(document.querySelector("#dashboard"), options3);
chart3.render();
</script >

Вернуться на верх