麦当230 2023-04-04 11:32 采纳率: 50%
浏览 48
已结题

ECharts中getElementById无法运用到uniapp和微信开发工具中

echarts使用getElementById正常,但是使用uniapp发布到微信小程序,利用微信开发者工具查看时报错

img

img

  • 写回答

1条回答 默认 最新

  • usp1994 2023-04-06 03:57
    关注

    uniapp中使用getElementById有时会在微信小程序中出现错误,因为小程序中没有getElementById这个方法。

    相反,小程序中使用uni.createSelectorQuery API 取代 getElementById 方法。您可以尝试使用以下代码作为替代方案:

    // 获取canvas元素的节点信息
    uni.createSelectorQuery().select('#myCanvas').node(res => {
      // 获取canvas节点尺寸
      const canvas = res.node;
      // 初始化echarts
      const myChart = echarts.init(canvas, null, {renderer: 'canvas'});
      // 设置options参数
      myChart.setOption({...});
    });
    

    在上面的代码中,使用uni.createSelectorQuery().select('#myCanvas') 获取canvas元素的节点信息,并通过回调函数获取canvas节点尺寸,并将其作为第一个参数传递给echarts.init方法。

    通过这种方式,您应该可以避免在微信小程序中遇到getElementById方法错误的问题。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    麦当230 2023-04-06 08:12

    好的,谢谢

    回复
    m0_63627464 回复 麦当230 2024-06-11 07:52

    你有成功嘛

    回复
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 4月13日
  • 已采纳回答 4月6日
  • 创建了问题 4月4日

悬赏问题

  • ¥20 关于普洛菲斯触摸屏与AB连接地址问题
  • ¥15 vue但是页面显示的数据为空为什么呀,明明在钩子函数中已经成功赋值(相关搜索:输出数据)
  • ¥15 syri可视化不显示插入缺失
  • ¥30 运行软件卡死查看系统日志分析不出来
  • ¥15 C语言代码改正特征选择算法设计,贝叶斯决策,,设计分类器,远程操作代码修正一下
  • ¥15 String 类valuve指向的问题
  • ¥15 在ros2的iron版本进行编译时遇到如下问题
  • ¥18 vs用setup project打包项目实现安装完立即运行
  • ¥15 孟德尔随机化TwoSampleMR在线提取结局数据,遇到Error in check_reset(override_429)的问题
  • ¥15 ONNX转RKNN遇到问题
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部