Apexchart 时间线：如何设置指向系列中每个条形的自定义链接

如何解决Apexchart 时间线：如何设置指向系列中每个条形的自定义链接

我正在使用 Apexchart 时间轴，我需要在点击时从每个栏中传递一个自定义网址。

以下是该系列的示例：

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,config) {

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

没办法

解决方法

您应该将配置重命名为 obj：

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