echarts-JSON请求数据

1、问题背景

将数据封装在JSON文件中，利用get方法请求数据

2、实现源码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>echarts-JSON请求数据</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>$(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></head><body><div id="chart" style="width: 1900px; height: 900px;"></div></body>
</html>

data.json:

{"categories": ["苹果","橘子","荔枝","桃子","栗子","梨子","柿子"],"data": [500,280,386,190,107,207,452]
}

3、实现结果

echarts-JSON请求数据相关推荐

组装复杂json请求数据和解析复杂json数据
在项目中有很多的接口对接的问题,于是就遇到了客户提供的各种奇葩的请求体.说一下最近遇到的一个复杂的json格式请求数据如下: {"bizData": {"userList ...
使用map方式获取iris请求中的json请求数据
获取iris网络请求中 post请求的json数据官方用法是使用结构体去接收每次都要对应一个结构体比较麻烦本方案是使用map接收 /** * @Description: 从请求中获取参数 * ...
怎么调用获取被创建的预制体_Go 语言 Web 编程系列—— 获取用户请求数据（上）...
0.GET/POST 请求数据在 PHP 中,可以直接通过全局变量 $_GET 和 $_POST 快速获取 GET/POST 请求数据,GET 请求数据主要是 URL 查询字符串中包含的参数,以前面 ...
PHP发送和接收JSON请求
现在微服务中,很多API由于需要传递的参数较多所以要求用包含所有参数的JSON数据作为POST请求的请求体来替代FormData传递参数的方式,在参数量较多时POST JSON要比POST FormD ...
PHP如何通过Http Post请求发送Json对象数据？
因项目的需要,PHP调用第三方 Java/.Net 写好的 Restful Api,其中有些接口,需要在发送 POST 请求时,传入对象. Http中传输对象,最好的表现形式莫过于JSON字符串了, ...
vue 虚拟服务器,vue+webpack项目中使用dev-server搭建虚拟服务器，请求json文件数据，实现先后台分离开发...
在项目开发中,先后台分离,作了假数据,项目使用vue2.0重构,后台也推到重来了,为了避免耽误开发进程,我作了虚拟的数据请求,使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api ...
springMVC获取异步请求的参数,返回异步请求数据(json),跨域访问简单了解,文件上传,与Restful风格
springMVC获取异步请求的参数 JQuery发送异步请求回顾 <a href="javascript:void(0);" id="testAjax" ...
使用jQuery发送POST，Ajax请求返回JSON格式数据
问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...
json请求 post vue_Spring Boot+Vueaxios异步请求数据的12种操作（上篇）
Java大联盟致力于最高效的Java学习关注 Spring Boot + Vue 前后端分离最核心的操作就是通过异步请求完成数据同步,这其中又可以分为很多种不同的情况,比如是 GET 请求还是 ...
自己虚拟服务器都用json可以吗,vue+webpack项目中使用dev-server搭建虚拟服务器，请求json文件数据，实现前后台分离开发...
在项目开发中,前后台分离,做了假数据,项目使用vue2.0重构,后台也推到重来了,为了不耽误开发进程,我做了虚拟的数据请求,使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api请 ...

echarts-JSON请求数据

echarts-JSON请求数据相关推荐

最新文章

热门文章