Apexchart 时间轴:如何为系列的每个柱设置自定义 link
Apexchart Timeline: How can i set a custom link to each bars of a series
我正在使用 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://whosebug.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;
}
}
不行
您应该将配置重命名为 obj:
events: {
dataPointSelection: function(event, chartContext, obj) {
return document.location.href = obj.w.config.series[obj.seriesIndex].data[obj.dataPointIndex].z;
}
}
我正在使用 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://whosebug.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;
}
}
不行
您应该将配置重命名为 obj:
events: {
dataPointSelection: function(event, chartContext, obj) {
return document.location.href = obj.w.config.series[obj.seriesIndex].data[obj.dataPointIndex].z;
}
}