Как получить доступ к значению в функции dataPointSelection в Apexchart

Как получить доступ к значению данных диаграммы Apex, щелкнув всплывающую подсказку?

Мне не нужен индекс. мне нужна ценность. Как я могу получить доступ к значению?

<script>
var options = {
    chart: {
        type: 'line',
        events: {
            dataPointSelection: function (event, chartContext, config) {
                console.log(config);
                var ix = config.dataPointIndex;

                alert(ix);

            }
        }
    },
    series: [{
        name: 'TEST',
        data: [[1324508400000, 34], [1324594800000, 54], [1325604800000, 39] , [1326236400000, 43]]
    }],
    xaxis: {

    },
    tooltip: {
        intersect: true,
        shared: false
    },
    markers: {
        size: 6,
    }
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();
</script>

apexcharts
person awekas    schedule 13.08.2019    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Это сработало для меня:

dataPointSelection: (event, chartContext, config) => {
  console.log(config.w.config.series[config.dataPointIndex])
  console.log(config.w.config.labels[config.dataPointIndex])
}

codeandbox

person Mike    schedule 13.10.2019

arrow_upward
1
arrow_downward

Вы можете использовать функцию щелчка

click(event, chartContext, config) {
            console.log(config.seriesIndex);
            console.log(config.dataPointIndex); 
}

https://apexcharts.com/docs/options/chart/events/

person Shinji Beta    schedule 20.03.2020