apexcharts добавить событие клика на ярлык

Question

У меня есть вершина диаграммы линейного бара. Это выглядит так:

Мне удалось добавить событие onclick в точки данных. Но я хотел бы добавить событие onclick для ярлыков (например, 01, 02, 03, 04, 05) Кто-нибудь знает, как это сделать? Код, который я использую для точек данных, таков:

var options = {
  chart: {
    height: 400,
    type: 'line',
    stacked: false,
    events: {
      dataPointSelection: (event, chartContext, config) => { 
      var selecteddate = pad(config.dataPointIndex + 1, 2);
      console.log(selecteddate);    
     }
   }
 }

Это работает, но как я могу добавить события в метки? Или это невозможно?

Answer 1

Мне удалось это сделать, добавив прослушиватель событий на мою страницу. Это может быть не ярлык, но всплывающая подсказка также великолепна.

$(".apexcharts-xaxistooltip").click(function(){
    var selecteddate = $(this).text();
    // do something
});

После этого я также перезаписываю css подсказки.

.tooltip-inner {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip{
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip:hover{
  background: #46A7B3;
  color: white;
  cursor: pointer;
}

Это дает мне приятное эффект наведения и кликабельный курсор. Таким образом, всплывающие подсказки можно нажимать и не исчезают при наведении.