黄南藏族自治州网站建设_网站建设公司_需求分析_seo优化
2026/1/22 16:38:03 网站建设 项目流程

问题原因:uniapp中的wx变量污染了echarts中的wx变量。

解决办法

方法1:在main.js中移除window中的wx对象,或者置空微信对象

//解决echarts在h5、app中tooltips及部分功能失效问题window.wx=nulldeletewindow.wx

注意:这种办法虽然可以解决tooltip不显示的问题,但是如果项目中使用了富文本标签的话(如uView中的富文本组件),控制台就会报错,所以此法有缺陷

<u-parse:html="content"></u-parse>

方法2:在初始化echarts对象之前,添加以下代码

// 开启触摸事件支持,用于适配移动端触摸屏设备。echarts.env.touchEventsSupported=true;// 明确关闭微信小程序适配模式,因为当前是浏览器环境echarts.env.wxa=false;// 同时启用SVG和Canvas两种渲染模式,ECharts会根据浏览器能力自动选择:// Canvas更适合大数据量场景// SVG更适合交互操作和动画echarts.env.svgSupported=true;echarts.env.canvasSupported=true,// 启用DOM操作支持,这是浏览器环境下图表渲染的基础能力echarts.env.domSupported=true;
注意代码的位置,要加在初始化echarts实例之前!

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询