echarts.js:1136 Uncaught Error: Initialize failed: invalid dom.
生活随笔
收集整理的這篇文章主要介紹了
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.的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【性能测试】性能测试工具选择
- 下一篇： mysql sequence java_