堆叠条形图取消鼠标移入效果
时间: 2023-07-05 18:25:13 浏览: 91
要取消堆叠条形图的鼠标移入效果,可以使用图表库中的配置项。具体方法是在堆叠条形图的配置项中设置`emphasis`为空对象`{}`,如下所示:
```javascript
option = {
...
series: [{
type: 'bar',
stack: 'stack',
data: [10, 20, 30, 40],
emphasis: {}
}],
...
};
```
这样设置之后,当鼠标移入堆叠条形图时,不会有任何变化。注意,如果柱子本身已经有了颜色设置或其他样式设置,那么这个设置可能会覆盖原来的设置。如果需要保留原来的样式,可以将`emphasis`属性设置为`null`。
相关问题
堆叠条形图取消鼠标移入高亮
要取消堆叠条形图的鼠标移入高亮,可以使用图表库中的配置项。具体方法是在堆叠条形图的配置项中设置`tooltip`的`trigger`为`none`,如下所示:
```javascript
option = {
...
tooltip: {
trigger: 'none'
},
...
};
```
这样设置之后,当鼠标移入堆叠条形图时,不会出现高亮提示框。
堆叠条形图取消鼠标移入柱子柱子变颜色
要取消堆叠条形图的鼠标移入时柱子变色,可以使用图表库中的配置项。具体方法是在堆叠条形图的配置项中设置`emphasis`的`itemStyle`为`{color: 'auto'}`,如下所示:
```javascript
option = {
...
series: [{
type: 'bar',
stack: 'stack',
data: [10, 20, 30, 40],
emphasis: {
itemStyle: {
color: 'auto'
}
}
}],
...
};
```
这样设置之后,当鼠标移入堆叠条形图时,柱子不会变色。注意,如果柱子本身已经有了颜色设置,那么这个设置可能会覆盖原来的颜色。如果需要保留原来的颜色,可以将`color`属性设置为`null`。
阅读全文