x***@163.com
x***@163.com
  • 发布:2021-04-25 23:58
  • 更新:2021-04-26 02:17
  • 阅读:378

【报Bug】引入echarts

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: wi10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.11

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 华为

手机机型: p30

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

import * as echarts from 'echarts';
require('echarts/theme/macarons');//引入主题
this.yechart = echarts.init(document.getElementById('echar_test'), 'shine');

操作步骤:

随便生成一个图形

预期结果:

安卓手机可以正常使用。

实际结果:

Error in event handler for "view.vdSyncCallback": "TypeError: Cannot read property 'getElementById' of undefined"
提示错误。
h5可以正常展示。

bug描述:

Error in event handler for "view.vdSyncCallback": "TypeError: Cannot read property 'getElementById' of undefined"

2021-04-25 23:58 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

  • H5端流行的echart报表因为涉及大量dom操作,无法跨端使用,而wx-chart在跨端和更新方面都不足,如果要做小程序,推荐使用全端可用的uChart
  • 如只考虑H5端,也可以继续使用echart、f2等常规web图表。
  • 如不考虑小程序,那么App端和H5,还可以通过renderjs技术来使用echart、f2等web图表,功能性能比uchart更好。什么是renderjs基于renderjs使用echart的示例
陌上华年

陌上华年

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