echarts折线图那个属性控制鼠标悬停数据原点变大
时间: 2023-08-25 20:05:44 浏览: 162
这个属性是 `emphasis.focus`,可以通过设置 `emphasis.focus` 来控制鼠标悬停时数据原点的大小变化。具体实现方法如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
emphasis: {
focus: 'series' // 设置 emphasis.focus 属性为 'series',表示鼠标悬停在数据上时,整条线变粗
},
itemStyle: {
emphasis: {
borderWidth: 2, // 设置数据原点的边框宽度
borderColor: '#fff' // 设置数据原点的边框颜色
}
}
}]
};
```
在上述代码中,我们设置了 `emphasis.focus` 属性为 `series`,表示鼠标悬停在数据上时,整条线变粗。同时,我们还通过 `itemStyle.emphasis` 设置了数据原点的边框宽度和颜色,实现了鼠标悬停时数据原点变大的效果。
阅读全文