echarts 的迁徙图在通过ajax 请求完数据后,怎么把数据塞进options中呢? 10C

function getmyChartData() {
var options = myChart.getOption();

$.ajax({
    url : url,
    type : 'post',
    dataType : "JSON",

// data : {},
success: function(response) {
var lineData = response.lineDate; //平行线的值
var roundData = response.roundDate; //点的值
// alert(lineData);
options.series[1].markLine[0].data = lineData;

options.series[1].markPoint[0].data = roundData;

myChart = echarts.init(document.getElementById('main'));
myChart.setOption(options);
myChart.hideLoading();

},
error : function(errorMsg) {
myChart.hideLoading();
}
});
}

5个回答

你的数据塞的位置不太对吧?
在series中分两个对象来写,一个事lines迁徙图(路径图),另一个是特效散点图(effectScatter)
options.series[0].data = lineData;series[0]是lines图。
options.series[1].data = roundData;series[1]是特效散点图.

qq_41734814
qq_41734814 能留个联系方式吗大佬,我有个类似的问题,谢谢了
大约一年之前 回复

啥意思,你这不已经塞进去了么

把你的ajax改成同步,执行完之后再让canvas绘图

把你的ajax改成同步,执行完之后再让canvas绘图

把你的ajax改成同步,执行完之后再让canvas绘图,试一试

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echarts迁徙图
用echarts做感兴趣的可以的迁徙图,感兴趣的可以凑活看看
echarts城市迁徙图
echears中国城市地图迁移
ECharts迁徙图
这几天因为项目的需要研究ECharts的迁徙图,通过例子总是出现错误bmapextension is not defined,最后实在没有办法就把例子给下载下来了,但是自己单独建立一个新的项目又依然出现很多错误。经过这几天的研究终于给单独分离出来了。        效果如下:              其实主要会报错的原因是因为bmapextension没有自己定义下来。     参考:
echarts 迁徙图+百度地图
echarts 迁徙图+百度地图
Echarts 迁徙图DEMO
Echarts 迁徙图DEMO
Echarts地图的迁徙图
摘要:终于要开始实现迁徙图了,不过一开始我也是一脸懵。不知道如何下手。在Echarts中查看了好多的案例,终于实现了迁徙效果,但还有个需求还没实现,就是出发点是红色的光圈。目前我的字体颜色和圆圈颜色值是一样,考虑这接下来能不能弄成字体颜色和圆圈颜色不一样。好啦回到迁徙图吧 实现: 1、仔细看了下Echarts中的相关API,写个test文件。 2、在网上查阅大量资料,其中有篇文章写的很详细(...
echarts制作迁徙图
使用echarts制作迁徙图,以天津市为例,先上图 代码示例: // 路径配置 require.config({ paths: { echarts: 'build/dist' } }); // 使用 require( [ 'echarts',
Echarts 迁徙图配置
<!DOCTYPE html> <html > <head> <meta charset="utf-8"> </head> <body > <!-- style="height: 100%; margin: 0" -->
Ajax中的OPTIONS 请求
浏览器对简单跨域请求和复杂跨域请求的处理: 简单跨域请求: XMLHttpRequest会遵守同源策略(same-origin policy). 也即脚本只能访问相同协议/相同主机名/相同端口的资源, 如果要突破这个限制, 那就是所谓的跨域, 此时需要遵守CORS(Cross-Origin Resource Sharing)机制 如果想允许跨域, 在服务端设置Access-Control-...
echarts 迁徙图怎么设置不同颜色
在绑定数据的方法里,加入属性  lineStyle: {                        normal: {                            color: color[i%4],                            width: 1,                            opacity: 0.6,               ...
基于SuperMap的Echarts迁徙图
基于SuperMap的Echarts迁徙图,详尽的系统源码。可预览的系统例子。喜欢的朋友们能,在此基础之后扩展自己的应用。希望大家学习愉快。乐于分享,乐于开源。
echarts制作天津市迁徙图
很多场景需要开发迁徙图,为此选择echarts开发一款基于天津市市内区县坐标的迁徙图,动态展现了人流迁徙的示意。
echarts 飞机模式迁徙图
完整的echarts飞机模式的迁徙图,下载下来直接可以运行,可以省去您很多研究的时间。
echarts的迁徙图ajax获取数据如何放入markline中
在做echarts的迁徙图,如果想用AJAX向后台请求数据,如果后台获取到了比如n [n [‘北京','上海',200],n [‘北京’,'深圳',150]n] n这样的数据,对应放到series中markline中的ndata:[n [name:'北京', name:'上海',value:200], n [name:'北京', name:'深圳',value:150]n ]n要怎么样实现呢?谢谢n
通过ajax请求api数据
js代码 $(function () {     $.ajax({         type: "post",         dataType: "JSONP",         data: {f_sId: "2968d399-4402-4baf-b407-2b329f2a2c02", "f_sType": 18, "page": 1},         url: "http://t
【求助】ajax获得数据后动态添加options
[color=#FF0000]//这里添加option是可以成功的[/color]rn$("#districtId").append("Select");rnrn$.post(rn URL.DISTRICT_LIST,rn function(data)rn var list = data.list;rn alert($("#districtId").append("Select"));rn $.each(list, function(i, item) rn[color=#FF0000]//这里也得到了json数据[/color]rnalert(item);rn[color=#FF0000]//在这里添加option就不能成功执行了[/color]rn $("#districtId").append(rn "Select");rn );rn rn );rnrn不知道这是为什么啊, rn$("").val("1").text("test").appendTo($("#districtId"));rn这样添加 也是同样的情况
AJAX中出现OPTIONS请求
<h2 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h2><p>之前有一个项目使用<code>Zepto</code>来发送<code&
echarts ajax动态调用数据
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> echarts
echarts的迁徙图ajax获取起点和终点数据如何放入option-series-markline中
在做echarts的迁徙图,如果想用AJAX向后台请求数据,如果后台获取到了比如rn [rn [‘北京','上海',200],rn [‘北京’,'深圳',150]rn] rn这样的数据,对应放到series中markline中的rndata:[rn [name:'北京', name:'上海',value:200], rn [name:'北京', name:'深圳',value:150]rn ]rn要怎么样实现呢?谢谢rn
arcgis api for js +echarts 实现迁徙图
arcgis api for js +echarts 实现迁徙图,包含调用js文件、具体实现代码文件、具体数据格式文件。
ArcGIS地图结合eCharts 实现迁徙图
使用ArcGIS API for JavaScript, 以ArcGIS Server提供的服务为底图,实现eCharts的迁徙图。 效果如下: 首先下载ArcGIS地图扩展,网址:https://github.com/wandergis/arcgis-echarts3 下载完成后,可以查看作者提供的example,里面有两个示例,但并未提供使用教程,而且实例可能并不能成功打开,这与我们...
地图 svg中国地图、echarts百度迁徙图
总结下最近使用过的地图控件: 第一种 svg中国地图  demo:http://www.oschina.net/code/snippet_54124_36979 这个很简单,照着demo里面直接调用就可以使用了。 第二种  echarts 中国地图 文档:http://echarts.baidu.com/doc/doc.html 案例:http://echarts.baidu.co
echarts饼状图通过ajax请求服务器php文件获取数据库数据,前端ajax该怎么写?
echarts饼状图通过ajax请求服务器php文件挖掘数据库数据,前端ajax该怎么写?rn用的phpstudy,地址栏输入localhost/duogeecharts/json2.php可以取到json数据格式,说明php和数据库没问题,但是html中通过ajax不知道怎么获取这个json数据,而且饼状图不像柱状图通过一个x轴赋值和y轴赋值就可以取到值,饼状图这个数组要怎么获取进来,前端页面js中$ajax不知怎么写,困扰好几天了,请大神过过眼,请看代码:[img=https://img-bbs.csdn.net/upload/201706/15/1497515604_269366.png][/img][img=https://img-bbs.csdn.net/upload/201706/15/1497515732_534041.png][/img]
echarts模拟迁徙图打包资料
echarts模拟迁徙图打包文件,包含echats.js,china.js,以及主要代码myjs.js。
百度迁徙数据爬取
爬取百度迁徙数据,使用python语言,使用时需要输入日期,然后自动生成表格
jQuery-select2通过ajax请求获取远端数据
select2官网:https://select2.org/ 一、上手 1. CDN <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /&a
通过Ajax请求动态填充页面数据
通过Ajax异步请求动态填充数据到前台页面
Ajax请求后端数据
 Ajax是一种无需重新加载整个网页的情况下,能够更新整个网页的技术,我们怎么用Ajax从后台请求后台数据呢? 看下面这个小例子   $.ajax({ type:'GET', //请求方式,可以是GET,也可以是POST url:' ', //请求的地址 //请求的格式设置为json(在这个例子中后台传过来的数据本身就是j...
ajax 请求后台数据
//jsp中ajax请求 $.ajax({      type: "POST",//请求方式       url: "../display",//地址,就是action请求路径       data: "method=getNum1",//数据类型text xml json  script jsonp      dataType:"json",//指定返回值的类型     
ajax请求后台数据
<p>rn 我所有课程的学习主线为:java基础---&gt;面向对象---&gt;java高级部分(集合、多线程、正则表达式等)---&gt;html5+css3---&gt;javascript---&gt;jquery---&gt;mysql数据库---&gt;<strong><span style="color:#E53333;">jsp/servlet</span></strong>---&gt;oracle数据库---&gt;项目讲解---&gt;Mybatis框架----&gt;spring框架----&gt;springmvc框架---&gt;ssm三大框架整合---&gt;maven---&gt;SVN/GIT---&gt;hibernate框架---&gt;struts2框架---&gt;linux---&gt;SSM项目综合小练习---&gt;SpringBoot---&gt;SpringCloud---&gt;Redis---&gt;MongoDB---&gt;FreeMaker---&gt;Nginx---&gt;RabbitMQ---&gt;Dubbo---&gt;Zookeeper---&gt;分布式项目实战等。红色部分是本套课程的教学内容,学习贵在坚持,希望同学们按照这个学习主线坚持下去,后面一定会找到满意的工作的。<span>不懂得可以多问我哦!</span>rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201904070835482749.jpg" alt="" /><img src="https://img-bss.csdn.net/201904070835571417.jpg" alt="" /><img src="https://img-bss.csdn.net/201904070836044358.jpg" alt="" />rn</p>
Ajax请求后台数据
一、前期准备 安装好XAMPP软件,并运行起来。本文代码是基于XAMPP开发环境,XAMPP是完全免费且易于安装的Apache发行版,其中包含MariaDB、PHP和Perl。XAMPP开放源码包的设置让安装和使用出奇容易。 二、前后台数据交互 前台部分 其中“process.php?name=Herry”,向后台传递name数据 document.getElementById(&quot;button...
ajax请求,及返回的数据
1.传统方法的缺点: 传统的web交互是浏览器发送请求服务器,服务器返回数据响应,但是就连很小的交互,也需要来回请求,浪费带宽重新读取整个页面. ajax则解决的这一个问题,可以创建快速动态网页,用少量数据交换,实现异步更新 实现原生ajax步骤: //创建异步对象 var xhr = new XMLHttprequest(); //设置方式 xhr.open(...
oracle数据库的数据迁徙
1. 使用exp和imp进行导入导出。需要注意事项版本的差异。 导出导入规则如下: 规则1:低版本的exp/imp可以连接到高版本(或同版本)的数据库服务器,但高版本的exp/imp不能连接到低版本的数据库服务器; 规则2:高版本exp出的dmp文件,低版本无法imp(无法识别dmp文件);低版本exp出的dmp文件,高版本可以imp(向下兼容); 规则3:从Ora
数据迁徙经验总结
在京东这一段时间做了很多数据的迁徙,做一些总结。(以sqlserver迁徙至mysql为例) 迁徙的需求:业务数据从sqlserver迁徙至mysql,尽量减少系统停用的时间。 迁徙流程: 中间件接写,开启changelog 原来sqlserver的读取写入统一由中间件接管,保证读写统一。中间件写入时把变更信息记录到changelog表。changelog(主键,变更主...
ajax数据走向图
ajax数据走向图,帮助你理清思路!ajax数据走向图,帮助你理清思路!ajax数据走向图,帮助你理清思路!
传递完数据后
问题是这样的:rn 我要进行人员信息统计,在当前网页中进行登记人员,内容比如有姓名、性别等,登记完了,然后按提交按钮,通过form提交到servlet中(当然是用doPost方法),servlet接收数据,通过javaBean插入到数据库,然后,返回给列一个列表页面,问题就出现在这里:rn一、新的记录是出现在这个列表页面中了,但是假如你右单击这个页面,然后选择刷新,就会添加一条新的记录,和刚才那个完全一样。但是再刷新第二次,就不会添加了,可是这又不是那个登记页面,为什么会又提交了一次呢?请大家帮忙解决一下,怎样才能按正确的添加,刷新也不提交??rn二、速度反应迟缓,就是说刚才那条明明是添加了,可是在其它页面中通过程序调用当库中的人数时,却没有这条记录,查看数据库,库中明明白白的有,那么刷新一下当前这个调用数据的页面,才能将这条新记录刷新出来,这是何故呀?rn因为这两个问题,使得我非常痛苦,请大家帮忙解决一下!!!rn谢谢!!
echarts ajax请求方式
var myChart; $(document).ready(function () { //getEcharts(); }); function getEcharts() { myChart = echarts.init(document.getElementById("container")); var options
jQuery ajax请求后渲染数据在前端页面
第一步定义一个div或者html有的标签 &amp;lt;tbody class=&quot;cuWuMa&quot;&amp;gt;  &amp;lt;/tbody&amp;gt; 第二步,异步请求( interfaceId  传递参数)  $.ajax({                         url: &quot;/CatalogApiDetail/getCatalogInerfaceStatusList&quot;,              ...
Echarts模拟迁徙
解压后可直接使用,适合新手学习使用。
浅谈highcharts(echarts)通过ajax获取后台数据从而改变数据图
好久没写csdn博客了,随着工作项目的展开自己也越来懒了。。不过今天有点空余的时间,所以来写写博客。 恰巧这次的项目有图表这一块,所以就用到了highcharts和echarts。 我们都知道如果写纯静态的图表图很简单,那么如果写动态的图表图该如何写呢? 好了,不多BB了,言归正传! 1、引入图表所需要的js文件
相关热词 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# gmail 发邮件 c# 多层文件