echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.

1、错误描述

echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.

2、错误原因


<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png"><script type="text/javascript" src="../js/echarts-2.2.7/doc/asset/js/jquery.min.js" ></script><script type="text/javascript" src="../js/echarts.js" ></script><script>var myChart2 = echarts.init(document.getElementById('main2'));myChart2.setOption({title: {text: '异步数据加载示例'},tooltip: {},legend: {data:['销量']},xAxis: {data: []},yAxis: {},series: [{name: '销量',type: 'bar',data: []}]});$.get('../js/data.json').done(function (data) {console.dir(data);// 填入数据myChart2.setOption({xAxis: {data: data.categories},series: [{// 根据名字对应到相应的系列name: '销量',data: data.data}]});});</script></head><body><div id="chart" style="width: 1200px; height: 560px;"></div></body></html>


{"categories": ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"],"data": [5,20,36,10,10,20]}

echarts在用json数据请求时未调用

3、解决办法

（1）将上述代码放在一个函数中，然后在onload中调用这个函数

（2）用jQuery方法


<script>$(document).ready(function(){var chart = document.getElementById('chart');var chartData = echarts.init(chart);chartData.setOption({title: {text: '异步数据加载示例'},tooltip: {},legend: {data:['销量']},xAxis: {data: []},yAxis: {},series: [{name: '销量',type: 'bar',data: []}]});$.get('../js/data.json').done(function (data) {console.dir(data);// 填入数据chartData.setOption({xAxis: {data: data.categories},series: [{name: '销量',data: data.data}]});});function eConsole(param) {console.dir(param);}chartData.on("click",eConsole);});</script>

转载自https://blog.csdn.net/you23hai45/article/details/51585480

echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.相关推荐

Vue使用echarts报错提示 vue.runtime.esm.js?2b0e:1897 Error: Initialize failed: invalid dom.
在Vue脚手架+antd搭建的项目中使用Antd的Tabs标签页进行切换时,B页面的Echarts不进行渲染,而且报错提示说Dom无效,思考了一下原因应该是切换页面后,本页面的dom还未渲染,但是已 ...
Error in nextTick: “Error: Initialize failed: invalid dom.“ found in
// 方法1 function initEcharts () {// 新建一个promise对象let newPromise = new Promise((resolve) => {resolv ...
jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: blank
1.错误描述 jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: bl ...
jquery min js 2 Uncaught Error Syntax error unrecognized e
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 1.错误 ...
Echarts 报错 Uncaught Error: Invalid geoJson format coordinate.charCodeAt is not a function
地图下钻时 ,同一个区域点击多次会出现如下图报错原因是每次引入的JSON文件都是新的,应该对绘图所需的JSON文件进行缓存因为 echarts 会绘制解析 json 之后执行 decod ...
echarts echarts.js:440 Uncaught TypeError: Cannot read properties of null (reading ‘toFixed‘)
1.对接好字段,没显示效果:关键还报错代码部分 formatter: function (params) {return '{a|' + params.name + '}' + '\n{a|' + ...
[乐意黎原创] WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js'
如题:WebPack 打包时抛Uncaught Error: Cannot find module '.\dist\bundle.js' A. Webpack 命令时抛错 B.运行时Chrome 控制 ...
throw new Error(‘Electron failed to install correctly, please delete node_modules/electron and try
问题: cmd命令下执行Electron -v直接报如下错误: D:\nvm\v16.14.2\node_modules\electron\index.js:17 throw new Error('E ...
[js] uncaught exception: Error: listDatabases failed
当mongo搭建的是replica set集群. 如果你登录某一台SECONDARY节点执行命令 show dbs报错 2022-08-16T15:20:00.606+0800 E QUERY ...

echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.

echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.相关推荐

最新文章

热门文章