echarts中地图提示"TypeError：i is undefined"

最新推荐文章于 2023-08-14 11:31:23 发布

最新推荐文章于 2023-08-14 11:31:23 发布 · 993 阅读

文章标签：

#javascript #ViewUI

本文描述了一种在地图应用中常见的错误：地图核心JS报错。该问题源于地图数据源从静态转换为数据库动态获取时，未能正确初始化数据请求。文章提供了具体的解决办法，即确保在初始化时调用数据请求方法。

1、错误描述

2、错误原因

刚开始地图的数据源是由静态数据提供，后来修改成从数据库中获取，请求数据的方法成功后调用地图方法，但是初始化时未调用数据请求方法，导致地图核心js报错

3、解决办法

初始化时，调用请求数据方法

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_8264

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“

郭宝的博客

06-24

11万+

错误场景一：错误提示：在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...

Uncaught (in promise) TypeError: Cannot read property 'length' of undefined

游海东的技术专栏

12-17

4224

1、错误描述 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined geoJSONLoader.js:106 at getBoundingRect (geoJSONLoader.js:106) at Object.load (geoJSONLoader.js:98) at geoSourc...

参与评论您还未登录，请先登录后发表或查看评论

ECharts——运行错误[TypeError: Cannot read property ‘type‘ of undefined]解决方案

无限迭代中......

04-04

7294

issues https://github.com/apache/echarts/issues/13943 问题描述 Uncaught TypeError: Cannot read property 'type' of undefined at Object.reset (dataSample.js?fdde:104) at Task.seriesTaskReset [as _reset] (Scheduler.js?69ff:478) at reset (task.js?f47d

使用pyecharts的Map:china地图不显示数据

qq_43439947的博客

06-26

838

运行之后发现地图上没有显示数据，搜索了一下发现是数据用了省份简称，将省份修改成全称之后成功显示了。

dataTables报错TypeError: i is undefined

furfur-jiang的博客

03-17

1107

dataTables报错TypeError: i is undefined 检测某个地方越界了我的错误在于"aTargets": [7]，没有第8列，报错 datatable = $('#datatable').DataTable({ "aaSorting": [ [0, "desc"] ], //默认第几个排序 "bStateSave": true, ...

[已解决] vue 引入 echarts 报init undefined问题

weixin_43777007的博客

03-22

9424

今天是初次使用echarts，寻思放个官方案例先看一下，结果遇到一个了一个很奇怪的问题，一直报如下图所示的错误—“init of undefined”。搜了一下主要有几种说法，可以按照一下步骤排查： 1、检查一下echarts是否安装成功 2、如果安装成功了，可能是安装的版本过高。删除原有的，重新安装指定版本(仍不好用)。 npm uninstall echarts --save npm install echarts@4.8.0 --save 3、如果还不好用，查看一下自身的引用时是否引用得不对

echarts报错：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“

热门推荐

“山水一程”博客

03-14

1万+

echarts， Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"

解决echarts地图geoJson报错问题（“echarts.min.js:45 Uncaught Error: Invalid geoJson format Cannot read prope”）

xiaoyaoluntian的博客

03-01

6926

背景项目中用echarts绘制地图，由于网上乡镇级别行政边界地图贼少，所以需要用到bigMap+geojson.io去绘制自定义地图，详情请看解决如何整理出乡镇级的地图json，以此使用echarts绘制出乡镇级的数据但是由于生成的地图里有一个区域为两块不连续的地图块，所以生成的geoJson中此区域的geometry.type===GeometryCollection. 然而 echarts 中对于此类型没有做处理，详情见源码 echarts\lib\coord\geo\parseGeoJson.js

echarts is undefined

tongtianjianmu的博客

08-14

474

我全局引入了 echarts，使用的是 this.$echarts 但在使用自定义图表时报了这个问题，解决方法是在外面定义一个 that =this,然后用 that.$echarts 就好了。

Echarts init 为 undefined 解决方法

衣乌岸苑

12-27

6257

Echarts 使用时候报错export 'default' (imported as 'echarts') was not found in 'echarts'和Cannot read property 'init' of undefined 的解决方法。

Echarts出现 “init of undefined“ 的解决方案

二三的博客

03-17

2769

最近在做Echarts图表，遇到了一个有点奇怪的问题：总是报 “init of undefined” ，如下图所示：在网上百度了解决方案，然后又看了一下官方文档，才发现 Echarts5.0的引入方式和Echarts4的引入方式不一样了。解决方式如下：第一种解决方案：将Echarts的版本降到V4版本 // 首先先写在echarts的最新版本 npm uninstall echarts --save // 可以安装4.8.0版本（@后面是指定想安装的版本号） npm install echar

引入echarts一直undefined

caishi13202的博客

04-11

778

经过排查，发现注释掉/build/webpack.base.conf.js文件中的下面这行代码就ok了。引入的echarts没有加载进来，一直都是undefined。记个流水账，希望给遇到同样报错的人一点帮助。

ChartJs报错 TypeError: undefined is not an object (evaluating ‘e.left‘)

____

06-30

2378

chartjs.org的chartjs引入运行之后，报错提示如下 ReferenceError: Can't find variable: ResizeObserver TypeError: undefined is not an object (evaluating 'e.left') 排查原因，Chrome Firefox正常，唯独Safari浏览器不行。换其他电脑，Safari浏览器显示正常，根源在于Safari浏览器版本太低。 Safari报错的浏览器版本 13.0.1 (14608.2.11

ExtJs中出现this.ds.fields.get(i) is undefined错误解决方法

02-25

3646

<br />出现问题如题:依旧谷歌得：<br />原因:在Grid的列定义中一定要指定dataIndex属性,即使没有store中的对应上(比如一些附加字段)也要指定一个dataIndex,否则就会出现this.ds.fields.get(i) is undefined的错误。<br />解决方法：当然就是补上列定义中的dataIndex属性咯..

echarts初始化报错echarts：undefined解决方案

xuyao的博客

05-30

785

echarts初始化报错echarts：undefined解决方案

引入Echarts出现 “init of undefined“ 的解决方案

m0_60336681的博客

08-05

751

问题原因：Echarts5.0的引入方式和Echarts4的引入方式不一样解决方法： 1、降版本，引入Echarts4的版本先卸载echarts的最新版本，可以npm uninstall echarts --save 或者直接将依赖包删掉再安装4.8.0版本，npm install echarts@4.8.0 --save 重启项目，解决报错。 2、使用Echarts5的版本在main.js里面通过原型全局挂载（通过this.$echarts就可以获取到对象） import * as echar

vue项目引入echarts报错undefined

peppa_pig的博客

06-23

2665

引入echarts后使用一直报错undefined，但是package里确实有这个包，然后换了种引入方式：constecharts=require("echarts")；然后就可以了。原因：安装的echarts版本是5.1的，可能版本太高不支持，换成4.*版本就不会报错 ...

【VUE】vue引入echarts报错（echarts__WEBPACK_IMPORTED_MODULE_2__.default is undefined）

KingdomYuen的博客

06-02

4077

一、版本问题 echarts版本在5.0以上可能会出现不支持的问题，可卸载现在版本 npm uninstall echarts 再安装4.X的版本，如： npm install echarts@4.1.0 -save 二、引入方式如果在引用echarts的js文件中直接导入也可能出现问题 import echarts from 'echarts' 可以把引入方式改为 import * as echarts from 'echarts' ...

echarts "TypeError: Cannot read properties of undefined (reading 'getOtherAxis')"

最新发布

01-22

### ECharts 中 `TypeError: Cannot read properties of undefined (reading 'getOtherAxis')` 错误分析当在 Vue 项目中集成 ECharts 并遇到此错误时，通常是因为 ECharts 实例未能正确初始化或访问的对象不存在。具体来说： - 此类错误表明尝试读取未定义对象上的属性 `getOtherAxis`[^1]。 - 可能的原因之一是在组件生命周期内过早地调用了依赖于尚未创建的 DOM 元素的方法。 #### 解决方案概述为了有效处理这个问题，建议采取以下措施来确保 ECharts 的正确加载和使用： #### 方法一：延迟初始化直到DOM准备好通过监听组件挂载事件来进行图表实例化可以避免因 DOM 尚未准备就绪而导致的问题。对于 Vue 组件而言，应当利用 `mounted()` 生命周期钩子函数执行 ECharts 初始化逻辑[^3]。 ```javascript export default { mounted() { this.initChart(); }, methods: { initChart() { const chartDom = document.getElementById('main'); if (!chartDom) return; var myChart = echarts.init(chartDom); // 设置配置项... myChart.setOption({ xAxis: {}, yAxis: {}, series: [{ name: '模拟数据', type: 'bar' }] }); } } } ``` #### 方法二：防止响应式影响如果发现即使等待了 mount 后仍然出现问题，则可能是由于将 ECharts 实例保存到了 Vue 响应式的 data 属性里造成的副作用。为了避免这种情况发生，应该把 ECharts 对象存储在一个独立的作用域之外，比如作为全局变量或者是局部闭包内的静态成员。 ```javascript let _chartInstance; export default { mounted() { this.initChart(); }, beforeDestroy() { // 或者使用 unmount 在 vue3 if (_chartInstance && !_chartInstance.isDisposed()) { _chartInstance.dispose(); } }, methods: { initChart() { const chartDom = document.getElementById('main'); if (!chartDom || !window.echarts) return; _chartInstance = window.echarts.init(chartDom); // ...继续设置选项和其他操作 } } }; ``` 以上两种方式能够有效地减少因为时机不当或是响应式特性带来的潜在风险，从而帮助解决 `TypeError: Cannot read properties of undefined (reading 'getOtherAxis')` 这样的异常情况。