5***@qq.com
5***@qq.com
  • 发布:2019-05-05 18:04
  • 更新:2019-09-17 10:41
  • 阅读:1017

usingComponents为true时echarts使用异常

分类:HBuilderX

详细问题描述

使用的npm安装的echarts, 组件使用的mpvue-echarts, 当usingComponents在app-plus中设置为true时, echarts部分默认效果显示异常, 例如: 当xAxis.data比较多时, usingComponents为false或注释掉显示正常, 如果为true时X轴所有内容都会显示出来并重叠在一起左右滑动时有卡顿,; 为false时默认自适应所填充的view容器, 当为true时自适应效果较差有超出现象; 为false时tooltip提示框能正常显示(只是没有显示当前所选x轴的信息例如时间), 当为true时提示框背景没有宽度同时也不显示当前所选x轴信息;

另外两个自定义导航组件 在 usingComponents为false或注释时会有异常:

  1. uni-nav-bar组件在为false时自定义返回按钮字体图标显示不成功, 并且丢失手机状态栏的那部分高度;
  2. ant-nav-bar组件在为false时, 自定义返回按钮字体图标时样式添加不成功并且, 其绑定的click-left事件(返回事件 uni.navigateBack();)无法触发;

[内容]

创建项目时选uni-app的hello模板;在该项目下npm安装echarts, 将echarts.vue文件中的引入改为import * as echarts from 'echarts'; 将xAxis.data以及series下各个data的数量增加足够多;

并将usingComponents改为false或注释掉;

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

8.1.0

[iOS版本号]

[手机型号]

黑鲨 helo

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-05-05 18:04 负责人:无 分享
已邀请:
DCloud_uniAD_HDX

DCloud_uniAD_HDX

echarts 已不再维护,推荐使用 ucharts
详情 https://ext.dcloud.net.cn/plugin?id=271

该问题目前已经被锁定, 无法添加新回复