问题记录：echarts图表使用svg渲染，在服务器上会渲染两次

helldevilll

已于 2024-02-20 16:59:12 修改

阅读量391

点赞数 3

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

于 2024-02-20 16:58:20 首次发布

本文链接：https://blog.youkuaiyun.com/helldevilll/article/details/136194018

文章讲述了作者在处理页面中存在多个图表，其中一些被多次渲染的问题时，通过将Echarts的初始化方式改为默认并移除`dispose`操作，成功解决了bug。然而，具体原理并未详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  const chartdom = document.getElementById("chart8");
  console.log(chartdom,1)
  echarts.dispose(chartdom);
  const myChart = echarts.init(chartdom, null, { renderer: "svg" });
  myChart.clear()
  myChart.setOption(option,true);

获取id为chart8的元素后就能打印出下图内容，页面里有多个图表，有些正常有些会多次渲染。

我的解决方式是把渲染方式改回默认方式。

const myChart = echarts.init(chartdom);

bug是解决了，但不知道是怎么解决的...