apache / apache/echarts

[Bug] echarts 中 highlight 事件的触发条件

Open
#18,672 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.4.4

### Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=bar-background

### Steps to Reproduce

使用的官方示例https://echarts.apache.org/examples/zh/editor.html?c=bar-background

### Current Behavior

我的理解是当鼠标划入图形(如:柱状图、饼图),划入的部分会高亮,那么此时是不是应该触发高亮事件。
事实是柱状图我需要配置如下:
`import * as echarts from 'echarts';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
// tooltip: {
// show: true,
// trigger: 'axis'
// },
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisPointer: {
show: true,
type: 'shadow'
}
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(180, 180, 180, 0.2)'
}
}
]
};

myChart.on('highlight', function (e) {
console.log('高亮拉', e);
});

option && myChart.setOption(option);`
必须配置axisPointer才能触发高亮事件,饼图、地图如何触发没试出来
我不清楚是bug还是就是这样设计的,或者是我理解错了

### Expected Behavior

无需其他配置,当鼠标划入元素,触发对应的高亮事件

### Environment

```markdown
- OS:windows 11
- Browser:chrome的任何版本
- Framework:Vue2 或者小程序
```

### Any additional comments?

初学者,如有不对的地方,请谅解!

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.