前几天看教程,从本地动态获取数值可以出图,但是如下我得代码读取不了本地文件,我不会 jquery,简单了解 js。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>echarts学习</title>
</head>
<body>
<div id="main" style="width: 600px;height:400px;"></div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script src="./echarts.min.js"></script>
<script>
var myChart = echarts.init(document.getElementById('main'));
// 显示标题,图例和空的坐标轴
myChart.setOption({
title: {
text: '异步数据加载示例'
},
tooltip: {},
legend: {
data:['test']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: 'test',
type: 'bar',
data: []
}]
});
// 异步加载数据
$.get('data/data.json').done(function (data){
// 填入数据
myChart.setOption({
xAxis: {
data: data.categories
},
series: [{
// 根据名字对应到相应的系列
name: 'test',
data: data.data
}]
});
});
</script>
</body>
</html>
data 文件内容:
{
"categories":["你好","测试","不行"],
"data":[56,78,34]
}
这段代码读取 data 文件内容不能出图。