首页 前端知识 在 uniApp 项目中,使用 echarts tooltip 时无法解析 html 标签的问题

在 uniApp 项目中,使用 echarts tooltip 时无法解析 html 标签的问题

2024-08-19 22:08:41 前端知识 前端哥 770 958 我要收藏

一、问题表现:tooltip内的HTML标签无法被解析

二、产生问题的原因

uniapp中的“WX”变量名对echarts中的“WX”变量名造成了污染,即命名冲突。

三、解决办法:修改echarts源码

     1、下载echarts源码:(此链接分享版本为5.4.1)

          百度网盘 请输入提取码

     2、解压后,找到echarts.js文件

      3、点击进去修改源码:在黄色框区域加上 false &&(注意修改的位置!)

      4、将修改后的echarts.js文件复制到你的uniapp项目的目录中,存放路径自定义(提示:只需复制echarts.js文件即可,不用复制整个文件夹!)

      5、在使用echarts的页面中引入echarts.js文件,注意echarts.js文件存放路径!例如:

import * as echarts from '../../static/echartsDist/echarts.js';

四、最终效果,完美解决

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16243.html
标签
评论
发布的文章

php保存

2024-08-27 16:08:00

jQuery NiceScroll 插件

2024-08-27 09:08:49

vue echart4.0 按需引入

2024-08-27 09:08:28

Taro3 Vue3使用echarts

2024-08-27 09:08:49

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!