Apexchart时间轴:我如何为一系列的每个小节设置自定义链接

问题描述

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

I'm using a Apexchart Timeline and I need to pass a custom url from each bar on click.

以下是该系列的一个示例:

Here is an example of the series:

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事件

I'm trying to buil the onclick event

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;
    }
}

不可能

推荐答案

您应将config重命名为obj:

You should rename config into obj:

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

这篇关于Apexchart时间轴:我如何为一系列的每个小节设置自定义链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！