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();
}
});
}

0

5个回答

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

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

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

0

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

0

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

0

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ECharts图表组件中级入门篇:如何通过Ajax异步获取图表数据赋值于图表并渲染呈现
http://www.stepday.com/topic/?906     [摘要]: 最近不要ECharts图表使用者的初学者均在询问如何通过ajax异步获取数据,动态赋值给echarts图表对象,因为这样一来,我们就可以实现图表数据动态呈现,后期加入时间戳即可实时刷新图表数据。正是基于这样一个环节比较重要,所以我也利用时间专门写了几篇关于如何通过ajax异步获取图表数据并加载的
ECharts通过Ajax动态加载数据到图表
参考官网:http://echarts.baidu.com/echarts2/doc/doc.html#引入ECharts2 首先要展示的图表像这样: 现在开始前后端代码展示。by the way,使用的开发框架为nutz,重点还是echarts数据。不要本末倒置。 1.从官网下载包,使用其中的dist和echarts.js 将dist文件夹和ech
解决ajax获取到数据放到echarts无法显示的问题
   后台部分代码: returnMap.put("powerLevelCategories", powerLevelCategories); returnMap.put("powerLevelSeries", powerLevelSeries); try { response.setContentType("text/text;char...
echarts 迁徙图怎么设置不同颜色
在绑定数据的方法里,加入属性  lineStyle: {                        normal: {                            color: color[i%4],                            width: 1,                            opacity: 0.6,               ...
对于ECharts3.0迁徙图的部分配置记录
业务需求,需要地区的地图背景,以及需要对交流的频率使用不同的颜色标注,预研阶段,比较丑,但是主要的功能还是实现了,备忘。<!DOCTYPE html> <html> <head> <title>迁徙图</title> </head> <body> <div id="container" style="height: 1100px;width: 1400px;"></div> <script
解决Ajax获取到数据放入echarts里不显示最有效的解决方法
解决Ajax获取到数据放入echarts里不显示最有效的解决方法
echarts 饼状图页面处理 Ajax 异步请求的查询数据
饼状图的series: data是以下的形式 {value:335, name:'直接访问'}, {value:310, name:'邮件营销'}, {value:234, name:'联盟广告'}, {value:135, name:'视频广告'}, {value:1548, name:'搜索引擎'} =========================================...
浅谈highcharts(echarts)通过ajax获取后台数据从而改变数据图
好久没写csdn博客了,随着工作项目的展开自己也越来懒了。。不过今天有点空余的时间,所以来写写博客。 恰巧这次的项目有图表这一块,所以就用到了highcharts和echarts。 我们都知道如果写纯静态的图表图很简单,那么如果写动态的图表图该如何写呢? 好了,不多BB了,言归正传! 1、引入图表所需要的js文件
利用Ajax实现数据的同步传输,从mysql中提取数据,通过echarts可视化
如何将mysql数据库中的方式通过echarts可视化呢,以下面这个简单的例子向大家进行演示: 步骤一:mysql的创表和插入数据,当然这些数据也可以是你通过爬虫抓取的。
java下通过ajax调用Echarts案例
java语言引用echarts的demo,此方式是通过ajax调用Echarts的方式实现,文件包含jQuery和Echarts库,三个封装好文件,包括jsp,js,java的demo代码,打开文件粘贴代码到项目里面直接就能用,亲测ssh,ssm框下架没啥问题
echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧。 就以官网最简单的那个小demo来做修改吧。官网上的小demo的效果图如下:(很熟悉,有没有) 2.按照echarts的使用方法新建一个echarts.html文件。为ECharts准备一个具备大小(宽高)的Dom(讲的有点细,熟悉的朋友
echarts整合百度地图实现模拟迁移
echarts整合百度地图实现模拟迁移,可直接打开展示,代码很详细,自行修改
离线式echarts模拟百度迁徙的实现
实现了上两篇文章后: openlayers集成echarts实现百度迁徙的模拟(http://blog.csdn.net/sparkexpert/article/details/53899216) OpenLayers3加载离线百度地图(百度迁徙底图) http://blog.csdn.net/sparkexpert/article/details/53899463 很容易就可以
百度 Echarts 地图->模拟迁徙,实现自动切换地图
百度 Echarts 地图->模拟迁徙,实现自动切换地图 刚好有个项目,然后前端找了这个百度的echarts地图,领导说好,然后说要让它自动切换地图,就丢给我了。。。不过还好,做出来了。可惜的是,效果是实现了,最后却被更高级的领导pass掉,但决定写下这篇博客,或许能帮到有
echarts画圆环统计图并加载动态数据 (ajax获取数据)
最近,要用到echarts画饼图统计图,于是学习了会,附上echarts官网 http://echarts.baidu.com/doc/example.html 看到echarts有一些饼图实例,代码如下: option = {     tooltip : {         trigger: 'item',         formatter: "{a} {b} : {c}
ECharts迁徙图
这几天因为项目的需要研究ECharts的迁徙图,通过例子总是出现错误bmapextension is not defined,最后实在没有办法就把例子给下载下来了,但是自己单独建立一个新的项目又依然出现很多错误。经过这几天的研究终于给单独分离出来了。        效果如下:              其实主要会报错的原因是因为bmapextension没有自己定义下来。     参考:
百度地图+Echarts+迁徙
百度地图+Echarts+迁徙图
ajax异步获取数据绘制echarts图表
// echarts图表绘制函数 function myData(text) { var xA = []; var yA = []; // 将获取到的json数据列表清洗数据后push到xA、yA两个坐标轴数据列表 // 注意,此处循环函数可以用于未知数量的数据,不必提前预知数据量大小 for(var i = 0; i &amp;amp;amp;lt; text.data.leng...
vue+echarts使用ajax请求的小坑,async同步异步
作为一名后端人员,在缺少前端的情况下,努力学习前端知识。 环境:vue.js 1.5.1,echarts,前后端分离。 用ajax请求数据后填充到echarts时,由于ajax默认同步,未等待到数据返回就把变量空数据填充到页面,即无刷新效果。 把ajax的async参数值设为false,即为同步。 等待数据返回后在填充echarts。 ...
Ajax动态获取数据 ECHARTS图表
Ajax动态获取数据 ECHARTS图表
echarts 飞机模式迁徙图
完整的echarts飞机模式的迁徙图,下载下来直接可以运行,可以省去您很多研究的时间。
Echarts 人群迁徙OD分析初步应用!
看到这篇文章大家对EchartS应该都有一定的了解了!那废话不多说!先上效果图! 这个就是最终要实现的效果!看着是不是很高大上!但是其实看懂了开发文档就差不多了! 关键文件: echarts.js (官网可以下载地址戳这里) 搞定,有这个就足够了! 开始! 在页面头部引入准备好的js<script src="echarts.js"></script>在新建的HTML中新建一个承载Ec
使用Echarts绘制折线图实例,ajax传值给servlet后台
使用Echarts绘制折线图实例,ajax传值给servlet后台,废话不多说,上代码project-duanmianlishi.jsp页面:&amp;lt;%@page import=&quot;java.sql.DriverManager&quot;%&amp;gt;&amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;U...
echarts如何通过ajax异步传输数据以及容易遇到的问题介绍
$.ajax({ url : "<%=basePath%>BkBarSvl", type : "post", dataType :"json", async : true, //这里取回的数据就是你自己定义的数据。 success : function(pies){ $.each(pies, function(i,pie){ X.push(pie.属性1); P1.push(pie.属性2);
饼状图向下钻取:自己实例,ajax后台获取数据
html:   js: $(function () {     $.ajax({         type: "POST",         url: "../reservations/pie",         //基础饼状图         success: function (dat
Echarts 迁徙图配置
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html &amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body &amp;gt; &amp;lt;!-- style=&quot;height: 100%; margin: 0&quot; --&amp;gt;
最简单的Echarts3迁徙图实现
最近想模仿windy网站自己实现一个气流动态图,经过不懈的尝试,终于实现了在地图上描绘动态点 windy网站截图 自己实现的几个点 这几个就是需要的js文件,echarts在官网下载,中国地图和世界地图的js文件我是从echarts的github开源包里找出来的,本例只用到了世界地图。 这段配置为地图的初始化配置,之...
ArcGIS地图结合eCharts 实现迁徙图
使用ArcGIS API for JavaScript, 以ArcGIS Server提供的服务为底图,实现eCharts的迁徙图。 效果如下: 首先下载ArcGIS地图扩展,网址:https://github.com/wandergis/arcgis-echarts3 下载完成后,可以查看作者提供的example,里面有两个示例,但并未提供使用教程,而且实例可能并不能成功打开,这与我们...
echarts $.ajax返回数据 循环添加data[]
// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); myChart.showLoading(); $.ajax({ url:&quot;/regionAccount/selectDownCount&quot;, ...
利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图。 标签: ECharts3Echarts2模拟迁徙百度地图引入
利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图。 很多小伙伴都来要demo源码,现在我把demo放在我的GitHub上了。 https://github.com/lixinGiting/echarts3_map_demo 希望大家能给我个star鼓励一下。 效果预览 :http://htmlpre
echarts的人员迁徙地图动态效果
option = {    backgroundColor: '#1b1b1b',    color: ['gold','aqua','lime'],    title : {        text: '模拟迁徙',        subtext:'数据纯属虚构',        x:'center',        textStyle : {            color: '#fff' ...
【Echarts教程】Ajax实现动态加载环状饼图
一、GIF图二、前台码// 调用方法 workOrderPie(); // 定时刷新 setInterval(function () { workOrderPie(); },5000); function workOrderPie(){ // 初始化图表元素 var workOrderPie = echarts.init(document.getElementById('workOrde...
ajax请求获取数据,前端绘制Echarts折线图
我只绘制折线图,其他的没做 需要引入echarts.js 下载地址:百度的下载链接 前端页面和ajax请求 &amp;amp;lt;!-- 为echarts准备有大小的dom --&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;main&amp;quot; style=&amp;quot;width: 100%;height:600px;&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; $
echarts+ajax动态获取后端数据
效果图: 下面从前端和后端来讲解(如果有些地方描述的不是很好或者不够详细,可以留言交流) 目录 一 前端 1.1 引入js文件 1.2 准备容器 1.3 日期控件和按钮 1.4 异步请求 1.5 前端完整代码 二、后端 2.1 Controller层 2.2 Service层 一 前端 1.1 引入js文件 &amp;lt;script src='../js/echart...
百度echarts地图迁徙地图全国城市对应坐标经纬度
百度echarts地图迁徙地图全国城市对应坐标经纬度
echarts模拟迁徙图
index.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;模拟迁徙图&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;echarts.js&quot;&amp;gt;&amp;lt;/sc
使用Echarts图表动态加载饼图数据 pie
使用Echarts图表动态加载饼图数据 pie 新人撰写博客,如有不足望提出且多多见谅!项目设计过程当中需要用到统计报表功能。有试过很多报表控件,最后看中了百度团队当中的Echarts。今天,我们要实现的是标准饼图的动态数据加载。 * Echarts简介* ECharts是一款开源、功能强大的数据可视化产品。 —— [ Echarts官网 ] 具体实现代码如下:HTML代码: <!
echarts制作天津市迁徙图
很多场景需要开发迁徙图,为此选择echarts开发一款基于天津市市内区县坐标的迁徙图,动态展现了人流迁徙的示意。
Echarts通过Ajax实现动态数据加载
Echarts通过Ajax实现动态数据加载,Echarts通过Ajax实现动态数据加载。
echart通过ajax获取数据
通过ajax获取后台数据 Controller层: @RequestMapping(value=&quot;/index5&quot;,method=RequestMethod.POST) public @ResponseBody Map&amp;lt;String, Object&amp;gt; echartsIndex51(){ Map&amp;lt;String, Object&amp;gt; map=ne...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java怎么学习呢 学习完java基础后