古德new 2021-12-30 10:41 采纳率: 100%
浏览 230
已结题

echarts图表展示不出来？

我在项目中用到了一个统计图 但是展示不出来
应该是这里有问题：let myChart = this.$echarts.init(document.getElementById("echarts"));
页面报错：
Cannot read properties of null (reading 'getAttribute')
请问是什么问题呀 我在上面也有这个div id名也是对的

  • 写回答

1条回答 默认 最新

  • 几何心凉 2022年度博客之星前端领域TOP 1 2021-12-30 10:47
    关注

    题主你好，这是没有办法读取null的属性，说明我们获取dom出问题了，如果你的div确实正确的话，我感觉是因为你没有再dom加载完成后进行调用的，方便说一下这个是再什么时候执行的嘛

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 听说你的echarts图无法展示出来？
    2024-04-29 22:09
    就叫飞六吧的博客 原因：methods中的方法是无法保证顺序的， 通常是因为你的数据没获取到 ，echarts就开始渲染了、这个时候是无法渲染出来的，并且不会报错。如果想要正常渲染echarts，请找promise大哥、案例如下。
  • echarts图表前端展示例子(不含后台)
    2017-12-20 17:00
    echarts图表前端展示例子(不含后台)echarts图表前端展示例子(不含后台)
  • 前端开发前端ECharts图表可视化大屏开发案例.zip
    2024-05-27 17:36
    前端开发前端ECharts图表可视化大屏开发案例.zip前端开发前端ECharts图表可视化大屏开发案例.zip前端开发前端ECharts图表可视化大屏开发案例.zip前端开发前端ECharts图表可视化大屏开发案例.zip前端开发前端ECharts...
  • 前端开发必备：ECharts 图表库介绍
    2025-05-07 21:02
    前端视界的博客 本文旨在全面介绍ECharts的核心功能、技术原理和最佳实践，使前端开发者能够高效利用这一工具解决实际业务中的数据展示需求。本文将从ECharts的基本概念入手，逐步深入其技术实现细节，最后通过实际案例展示其应用...
  • ECharts 图表渲染问题图表显示不出来
    2024-01-08 01:15
    影子。阿三的博客 2.echarts组件没导入，新版echarts导入有import echarts from 'echarts' 变成import * as echarts from 'echarts'但使用方法不变。3.在create中给数据赋值在mounted()中调用，由于异步请求的原因，可能在调用方法...
  • 如何在Vue3中使用echarts实现图表展示？
    2024-06-12 15:37
    JJCTO袁龙的博客 在这篇博客中，我们详细介绍了如何在 Vue3 项目中集成 ECharts，实现图表的展示和动态更新。我们创建了一个组件，并在App.vue中使用它来展示一个简单的柱状图。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。
  • echarts图表导出excel示例
    2020-09-04 11:52
    首先，为了展示ECharts图表，我们需要引入ECharts库及相关模块。在示例中，`require.config`用于配置模块加载路径，确保`echarts`以及`echarts/chart`下的`bar`, `line`, 和 `pie`模块能够正确加载。这样，我们就...
  • 前端ECharts图表可视化大屏开发案例
    2024-06-03 10:28
    在现代的Web应用中，数据可视化扮演着至关重要的角色，特别是在大数据时代，前端ECharts图表可视化大屏开发已经成为展示复杂信息、分析业务趋势的关键技术。本文将深入探讨使用ECharts库进行前端大屏开发的实践案例...
  • 如何实现ECharts图表根据屏幕大小自适应?
    2024-07-26 15:20
    前端青山的博客 如何实现ECharts图表根据屏幕大小自适应?
  • html-echarts考勤图表
    2022-02-27 22:20
    1.echarts考勤图表
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 1月7日
  • 已采纳回答 12月30日
  • 创建了问题 12月30日