首页 > 其他分享 >taro使用taro3-echarts-react报错,图表不出来

taro使用taro3-echarts-react报错,图表不出来

时间:2023-06-09 14:14:40浏览次数:50  
标签:function taro 版本 react 报错 taro3 echarts

问题

taro版本 3.6.2
taro3-echarts-react版本 1.0.4
在taro小程序开发中,使用taro3-echarts-react时,echarts版本需要选择4.9.0,但是我们往往需要使用高版本的echarts,但是引入echarts.js文件后,控制台报错:
el.addEventListener is not a function 或者 t.addEventListener is not a function

解决

echarts在线构建下载最新echarts.min.js,检索“e(t.echarts={})”字符串找到相邻的(this,function(t) 串 ,将其改为(this,function(t,window,document)保存即可

如果是自定义下载,也选择压缩版本的。

不使用压缩版本的,其实我也暂时没有时间去看,怎么去修复这个问题。

结果

参照文档可以正常展示echarts,但是有些小问题: 比如饼图的label文字会超出,而且没有自动省略,如下图:
实际:

期望:

所以最终项目中没有选用taro3-echarts-react

标签:function,taro,版本,react,报错,taro3,echarts
From: https://www.cnblogs.com/ZerlinM/p/17469067.html

相关文章

  • yum源使用报错-RockyLInux8.7-Modular dependency problem:
    报错信息如下:Kubernetes11kB/s|173kB00:15Modulardependencyproblem:Problem:conflic......
  • 深入解析React DnD拖拽原理,轻松掌握拖放技巧!
    我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。。本文作者:霁明一、背景1、业务背景业务中会有一些需要实现拖拽的场景,尤其是偏视觉方向以及移动端较多。拖拽在一定程度上能让交互更加便捷,能......
  • 【React工作记录九十五】前端小知识点扫盲笔记记录4
    前言我是歌谣最好的种树是十年前其次是现在微信公众号关注前端小歌谣带你进入氛围极好的前端巅峰人才交流群url参数解析成一个对象<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge">......
  • 【已解决】可视化报错keyError
    bug:inget_locraiseKeyError(key)fromerrKeyError:'2021'原因除了对应的表格的列真的没有这个数据之外。还有一种情况是像我一样。gdp_top10,我这里只是存储了CountryName,我却想在后边拿到gdp_top10['2021'],2021忘记存进去了,所以后面就显示找不到咯。解决:使用merg......
  • 遇到chrome_options.add_experimental_option ("debuggerAddress", port_number)调起
    1、查看谷歌版本和chromedriver版本是否一致:手动查找ChromeDriver路径。在终端中输入以下命令:whichchromedriver这将输出ChromeDriver的路径,例如:/usr/local/bin/chromedriver可以在Chrome浏览器中输入以下网址来查看版本信息: chrome://version/在命令行中,你可以......
  • 【HMS Core】华为帐号服务,获取Access Token报错{sub_error:20152,error_description:inv
    ​ 【问题描述】华为账号服务,接口获取AccessToken报错:{sub_error:20152,error_description:invalidcode,error:1101} 【问题分析】根据官网提示,是code格式不正确造成的,需要检查参数配置​ 【解决方案】1、此问题解决方案,可以参考这篇帖子https://developer.huawei.com/......
  • 【HMS Core】华为帐号服务,获取Access Token报错{sub_error:20152,error_description:inv
     【问题描述】华为账号服务,接口获取AccessToken报错:{sub_error:20152,error_description:invalidcode,error:1101}【问题分析】根据官网提示,是code格式不正确造成的,需要检查参数配置【解决方案】1、此问题解决方案,可以参考这篇帖子https://developer.huawei.com/consumer/cn/forum/......
  • React - 02 React的工程化/组件化开发
    我们可以基于webpack自己去搭建一套工程化打包的架子,但是这样非常的麻烦/复杂;React官方,为我们提供了一个脚手架:create-react-app!!脚手架:基于它创建项目,默认就把webpack的打包规则已经处理好了,把一些项目需要的基本文件也都创建好了!!1.create-react-app基础运用安装脚手架$npmicrea......
  • visualstudio2022 ef6生成代码报错
    StartNotepadinadministratormode,andopenthefile(substitutingCommunityforProfessionalorEnterprisedependingonyourversion):C:\ProgramFiles\MicrosoftVisualStudio\2022\Community\Common7\IDE\Extensions\Microsoft\EntityFrameworkTo......
  • npm run serve 报错
    ​解决:npmrunserve错误,或者npmrunbuild错误错误原因:使用了过高版本的Node.js解决办法:本人电脑上安装了,nvm可以快速的安装node的其他版本,当降版本到Nodev16.14.1时,才可以正常运行(太坑了)nvm安装v16.14.1 (或者度娘一下,手动安装其他版本的即可)nvmlis......