修改了其他 DOM 元素的样式时,如何避免ECharts 需要重新计算图表的布局和重绘图表
时间: 2023-12-14 07:37:03 浏览: 74
Vue获取DOM元素样式和样式更改示例
当修改其他 DOM 元素的样式时,可以使用 ECharts 提供的 `echarts.resize()` 方法来重新计算图表的布局和重绘图表。这个方法会重新计算容器大小,并且根据新的容器大小重新渲染图表。
可以在需要重新计算图表的位置调用 `echarts.resize()` 方法,例如:
```javascript
// 修改其他 DOM 元素的样式
$('#other-dom').css('width', '50%');
// 调用 resize 方法
echarts.resize();
```
这样就可以避免因为其他 DOM 元素的样式修改导致 ECharts 图表需要重新计算布局和重绘图表的问题。
阅读全文