前几天看教程,从本地动态获取数值可以出图,但是如下我得代码读取不了本地文件,我不会 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 文件内容不能出图。