<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title> scatter3D</title>
<script src="echarts.js"></script>
<script src="http://echarts.baidu.com/dist/echarts-gl.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<div id="main" style="width:600px;height:500px;"></div>
<script >
var myChart = echarts.init(document.getElementById('main'));
$.get('expectancy-table.json', function (data) {
myChart.setOption({
grid3D: {},
xAxis3D: {},
yAxis3D: {},
zAxis3D: {},
dataset: {
source: data
},
series: [
{
type: 'scatter3D',
symbolSize: 2.5
}
]
})
});
myChart.setOption(Option);
</script>
</body>
</html>
小白刚学习echarts,在用$.get方法引入json文件后,运行时网页无法显示数据(空白的),想请教大家这是什么原因?(在VS2012上编写的)
以下是网页的错误提示:
原因是找不到json那个文件,404报错表示找不到文件,页面空白是因为js第一次被解析的时候如果报错了,剩下的不会被解析,相当于你的js执行了一半
如果解决了您的问题,请点击采纳,如果并没有,请在下方留言,我会继续帮您解答。
http://www.echartsjs.com/examples/data/asset/data/life-expectancy-table.json
这是json文件,代码就是我上面发的那个。大伙能不能有空拿过去跑一下看看能不能出来。。。
是不是你下的echarts文件里少东西。到官方下载个最新的试试