我需要一个事件被触发,每当有人点击我的图表或对一个酒吧,但由于某种原因,事件不为我触发。
这是我的代码:
<apexchart type="rangeBar" :options="chartOptions" class="ganttChart" :series="series"></apexchart>
我的设置:
setup() {
const series = [
{
name: 'Sunny',
data: [
{
x: 'Weather',
y: [
new Date('2019-03-05').getTime(),
new Date('2019-03-08').getTime()
]
},
]
},
{
name: 'Rainy',
data: [
{
x: 'Weather',
y: [
new Date('2019-03-02').getTime(),
new Date('2019-03-05').getTime()
]
},
]
}
];
const chartOptions = {
chart: {
events: {
click: function(event, chartContext, config) {
alert(event, chartContext, config);
}
},
height: 400,
width: 400,
type: 'rangeBar',
},
plotOptions: {
bar: {
horizontal: true
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'light',
type: 'vertical',
shadeIntensity: 0.25,
gradientToColors: undefined,
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [50, 0, 100, 100]
}
},
xaxis: {
type: 'datetime'
},
legend: {
position: 'top'
}
};
return {
series, chartOptions
}
}
我也尝试过使用dataPointSelection事件,但没有效果。
除了事件,我的图表显示和工作刚刚好。
2条答案
按热度按时间xnifntxz1#
我也为此挣扎了很久,直到我发现一些东西可以工作。你可以像这样使用
@click
:然后在方法中定义
clickHandler
:i7uaboj42#
对于使用Vue API组合物的人员:
在“
<script setup>
“中定义函数