echarts 堆积图 tooltips位置 并且不能抄框
时间: 2023-10-14 17:30:38 浏览: 96
echarts tooltips气泡自动轮播
要修改 ECharts 堆叠图的 tooltips 位置,可以使用 ECharts 提供的 `tooltip.position` 属性。该属性可以设置为以下值:
- `'inside'`:tooltips 在图形内部显示。
- `'top'`:tooltips 在图形顶部显示。
- `'left'`:tooltips 在图形左侧显示。
- `'right'`:tooltips 在图形右侧显示。
- `'bottom'`:tooltips 在图形底部显示。
例如,将 tooltips 位置设置为 `'inside'`:
```javascript
option = {
tooltip: {
position: 'inside'
},
...
};
```
如果想要避免 tooltips 被裁剪或抄框,可以通过 `tooltip.triggerOn` 属性来设置触发 tooltips 的方式。该属性可以设置为以下值:
- `'mousemove'`:鼠标移动时触发。
- `'click'`:鼠标点击时触发。
- `'none'`:不触发。
例如,将触发方式设置为 `'mousemove'`:
```javascript
option = {
tooltip: {
triggerOn: 'mousemove'
},
...
};
```
这样,当鼠标移动到图形上时,tooltips 才会出现,避免了被裁剪或抄框的问题。
阅读全文