Временная шкала Apexchart: Как я могу установить пользовательскую ссылку на каждый столбец серии

#hyperlink #series #apexcharts

Вопрос:

Я использую временную шкалу Apexchart, и мне нужно передавать пользовательский URL-адрес из каждой панели по щелчку.

Вот пример из серии:

 series: [{
  name: "series"
  data: [{
    x: "element 1"
    y: 10
    z: "https://google.com"
  }, {
    x: "element 2"
    y: 20
    z: "https://yahoo.com"
  }]
}, {
  name: "series2"
  data: [{
    x: "element 3"
    y: 10
    z: "https://stackoverflow.com"
  }]
}], 

 

Я пытаюсь создать событие onclick

 chart: {                          
    type: 'rangeBar',
    events: {
            dataPointSelection: function(event, chartContext, config) {

                window.location = obj.w.config.series[obj.seriesIndex].data[obj.dataPointIndex].z;
                    
        }
    }
}

 

Но это не работает..

Есть идеи, как это исправить?

Я пробовал также с этим:

 events: {
    dataPointSelection: function(event, chartContext, config) {

        return document.location.href = obj.w.config.series[obj.seriesIndex].data[obj.dataPointIndex].z;
    }
}

 

Ни за что

Комментарии:

1. кодовое обозначение: codepen.io/vinchoz/pen/vYgKMMW

Ответ №1:

Вам следует переименовать конфигурацию в obj:

 events: {
    dataPointSelection: function(event, chartContext, obj) {
        return document.location.href = obj.w.config.series[obj.seriesIndex].data[obj.dataPointIndex].z;
    }
}