问题原因:uniapp中的wx变量污染了echarts中的wx变量。
解决办法
方法1:在main.js中移除window中的wx对象,或者置空微信对象
//解决echarts在h5、app中tooltips及部分功能失效问题
window.wx = null
delete window.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实例之前!

失效问题&spm=1001.2101.3001.5002&articleId=157248772&d=1&t=3&u=dfe2fcef9da24a98935fac52380ad991)
2264

被折叠的 条评论
为什么被折叠?



