ajax的值怎样传递到echarts中

在ajax中两个数组,分别是arr1,arr2;怎样将数组分别传递到echarts中的nodes:[]和links:[]中?求详细源码!

部分源码

 <div id="main" style="height:500px;"></div>
<script src="./js/echarts.js" ></script>
<script src="./js/jquery-1.8.3.min.js" ></script>
<script>
var arr1 = [];
var arr2 = [];
$.ajax({
    type:"POST",
    async:false,
    url:"mapdata.php",
    dataType:"json",
    success: function(result){
        var str = result;
        for (var i = 0; i < str.length; i++) {
            arr1.push("{"+"category:"+str[i].category,"name:'"+str[i].name+"'","value:"+str[i].value+"}");
            }
        //document.write(arr1);
        for (var i = 0; i < str.length; i++) {
            arr2.push("{"+"source:'"+str[i].source+"'","target:'"+str[i].target+"'","weight:"+str[i].weight,"name:'"+str[i].name_nexus+"'"+"}");
            }
        //document.write(arr2);
        },
    error:function(errorMsg){
        alert("请求数据失败!");
        },
    });

require.config({
    paths:{
        echarts:'./js'
        }
    });
require(
[
'echarts',
'echarts/chart/force'
],
function(ec){
    var myChart = ec.init(document.getElementById("main"));
    var option = {
        title : {
            text: '人物关系:葛优',
            x:'right',
            y:'bottom'
        },
        tooltip : {
            trigger: 'item',
            formatter: '{a} : {b}'
        },
        legend: {
            x: 'left',
            data:['家人','朋友']
        },
        series : [
            {
                type:'force',
                name : "人物关系",
                ribbonType: false,
                categories : [
                    {
                        name: '人物'
                    },
                    {
                        name: '家人'
                    },
                    {
                        name:'朋友'
                    }
                ],
                itemStyle: {
                    normal: {
                        label: {
                            show: true,
                            textStyle: {
                                color: '#333'
                            }
                        },
                        nodeStyle : {
                            brushType : 'both',
                            borderColor : 'rgba(255,215,0,0.4)',
                            borderWidth : 1
                        },
                        linkStyle: {
                            type: 'curve'
                        }
                    },
                    emphasis: {
                        label: {
                            show: false
                        },
                        nodeStyle : {
                            //r: 30
                        },
                        linkStyle : {}
                    }
                },
                useWorker: false,
                minRadius : 15,
                maxRadius : 25,
                gravity: 1.1,
                scaling: 1.1,
                roam: 'move',
                nodes:[
                    arr1
                ],
                links : [

                ]
            }
        ]
    };
    myChart.setOption(option);
    }
);
</script>

arr1值为
图片说明
arr2值为图片说明

2个回答

不是这么写的。
因为ajax是异步,可能还没返回数据,就开始执行请求后面的代码了,图表可能获取不到数据。
把图表相关的代码放到success:function(result){}中。
赋值。直接引用数组名称就行了。
nodes:arr1,
links:arr2

                     roam: 'move',
                    nodes: arr1,
                    links: arr2
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax传递值
前台传给后台:var warehouseReceiptJsonStr = JSON.stringify(receipt); var actionUrl = ($("#"+formId).attr("action")); $.ajax({ url:actionUrl, type : "post",
怎样传递值?
我想把TreeView1的节点作为值来传递,为什么不行rnrn
这个怎样传递值?
#include rnstruct nodernrnint data;rnint num;rnrn;rnvoid display(struct node m[])rnrn for(int i=0;i<10;i++)rn rn cout<<"m[i].data"<
ajax传递knockout对象的值
在实际应用中我们将各个文本框用ko进行了绑定之后,此时用户填好各个文本框的值之后,就需要提交表单了,以前,我们获取各个文本框的值用的是Jquery的val()方法,例如,我们要获取用户名的值,则这样获取:var UserName=$(&quot;#UserName&quot;).val(),但用到了knockout对各个文本框进行了绑定之后,则可以这样传值:前端代码:@{ ViewBag.Title = &quot;I...
如何用ajax传递值?
login.asp中rnrnfunction login_onblur()rnrnvar yhid=document.getElementById("yhid").value;rnvar url="cheshi.asp?usercode="+escape(yhid); rnrequest.open("GET",url,true);rnrequest.onreadystatechange=updatepage;rnrequest.send(null);rnrnrnfunction updatepage()rnrnif (request.readyState == 4 && request.status==200)rnrn[color=#FF0000]document.getElementById("gysname").value=这里需要填入的是cheshi.asp中rs("cvenname")的值。此处不会,请老师指导。[/color]rnrnrnrncheshi.asp中如下 (User_Code是字符型的)rn<%rnvar sqlrnsql = "select A.User_code,A.User_name,A.User_PSD,CONVERT(varchar(100), P.Begin_date, 23) as Begin_date, CONVERT(varchar(100), P.END_date, 23) as END_date,Q.vendorCode,Q.cvenname FROM vendor_username A LEFT JOIN vendor_JiaoFei P ON A.vendorid=P.vendorid LEFT JOIN ba_vendor_all Q ON A.vendorid=Q.vendorid where A.if_active=1 and getDATE()>=P.Begin_date and getDATE()<=P.END_date and A.User_Code='" & Request.Querystring("usercode") & "'"rnrnconn = Server.CreateObject("ADODB.Connection")rnrs = Server.CreateObject("ADODB.Recordset")rnconn.ConnectionString = "DSN=tianshen_odbc_web;User id=sa;pwd=;"rnconn.Open() //连接数据库rnrnrs.ActiveConnection = connrnrs.CursorType = 1 //设置游标类型rnrs.LockType = 1 //设置锁定状态rnrs.Open(sql) // 打开记录集. rn[color=#FF0000]此时应该就能取到rs("cvenname")的值了。那么如何把这个值,传回到login.asp中的表单中去呢?[/color]rn%>rnrn由于是初学,问的问题比较初级,还望海涵。rnrn在此,先向大家表示感谢。
ajax传递数组类型值到sevrlet
最近在做项目的时候遇到了需要将一个数组传递到servlet中,用这个数组的值查找数据库中的相应内容。有一个需要注意的地方,看一下下面的代码: var out_box = document.getElementsByName(&quot;out_box&quot;) ; var array=[]; for(var i = 0;i&amp;lt;out_box.length;i++){ array[i]=out_box...
JSP AJAX 传递值的问题
恩~rn需要实现的功能其实很简单:有多个输入框,点击搜索按钮搜索数据库数据,使用AJAX进行界面的无刷新显示数据。rn界面:rn[img=https://img-bbs.csdn.net/upload/201608/24/1472012768_81642.png][/img]rn代码如下:rnindex.jsprn[code=javascript]<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>rnrnrn rn rn rn rn 搜索rn IDrn 资产条码rn rn rn[/code]rnrn1.jsprn[code=javascript]<%@ page contentType="text/html; charset=UTF-8" language="java"rn import="java.sql.*"%>rnrn rn rn rn rn rn <%rn out.print("ID");rn %>rn rn rn <%rn out.print("资产条码");rn %>rn rn rn <%rn String id=null;rn String zichantiaoma = null;rn id=request.getParameter("id");rn zichantiaoma=request.getParameter("zichantiaoma");rn Connection con = java.sql.DriverManager.getConnection(rn "jdbc:mysql://数据库地址/数据库名称", "数据库用户名", "数据库密码");rn Statement stmt = con.createStatement();rn String SQL="select * from outininfo where 1=1";rn if (id == null)rn SQL = SQL+"And ID="+ id;//id对应数据库中的ID字段rn if (zichantiaoma == null)rn SQL = SQL+"And ZiChanTiaoMa="+ zichantiaoma;//zichantiaoma对应数据库中的ZiChanTiaoMa字段rn ResultSet rst = stmt.executeQuery(SQL);rn while (rst.next()) rn %>rn rn rn <%rn out.print(rst.getString(1));rn %>rn rn rn <%rn out.print(rst.getString(4));rn %>rn rn rn <%rn //关闭连接、释放资源rn rst.close();rn stmt.close();rn con.close();rn %>rn rn rn rn[/code]rn问题应该是出在这句话:[code=javascript]loadXMLDoc("1.jsp?id="+request.getParameter("id")+"&zichantiaoma="+request.getParameter("zichantiaoma"),function()[/code]rn但是我不知道应该怎么改,请各位不吝赐教!rn谢谢!
ajax传递session值问题
index.php中rn在这个页面中可以获取到$_SESSION["name"];rnrn rn 相册管理rn rn 添加相册rn 浏览相册rn 相册类别rnrnrnmanage.js中rn$('addpic').onclick = function()rn xmlhttp.open('get','pics/addpics.php',true);rn xmlhttp.onreadystatechange = showclass;rn xmlhttp.send(null);rn rn这样做在addpics.php页面中获取不到$_SESSION["name"];rn怎么将做才能在addpics.php页面中获取到$_SESSION["name"]呢?rn请大家帮帮忙!
ajax传递值到servlet问题
我用ssh框架写了个小项目,在jsp页面给一个超链接定义两个id号,id="1" coId="2"rnrnrn我想把两个id号传到servlet里去。使用ajax这么做的rnrnfunction setProid(o) rn rn createXMLHttpRequest();rn if (xmlrequest) rn rn rn //准备发送请求rn var req = "/test/ChangeUniversity?proid="+o.id+"&cid="+o.coId; rn //打开请求rn xmlrequest.open("get", req, true);rn //指定处理结果的函数rn alert(req);rn //发送请求rn xmlrequest.send();rn rnrnrnservlet 代码rnrnpublic class ChangeUniversity extends HttpServlet rnrn /**rn * rn */rn private static final long serialVersionUID = 1L;rnrn public void doGet(HttpServletRequest request, HttpServletResponse response)rn throws ServletException, IOException rnrnrn response.setContentType("text/xml;charset=utf-8");rn //ie禁用缓存rn response.setHeader("Cache-Control", "no-cache"); rnrn String proid=request.getParameter("proid");rn String cid=request.getParameter("cid");rn rn rn System.out.println(proid);rn System.out.println(cid); rn rnrn public void doPost(HttpServletRequest request, HttpServletResponse response)rn throws ServletException, IOException rnrn this.doGet(request, response);rn rnrnrnrn点击超链接的时候弹出 /test/ChangeUniversity?proid=1&cid=2 但是后台得不到数据 我刚入门 不知道是什么原因rn请高手解答 不胜感激
怎样在两个窗体中传递变量的值!
在两个窗体中传递变量的值比如:From1中定义的变量i,要在From2中引用!!rn
报表中的 控件 怎样给传递值
在窗体中 TEXTBOX的值 怎样 传递到 报表中的TEXT
怎样在js中获取ajax的xmlHttp.responseText的值????
在js中的一个函数中声明一个变量,rn怎样用这个变量去获取ajax的执行后xmlHttp.responseText的值????rn急急急。。。。。
ajax传递多个值到js页面
ajax代码rn[code=javascript]$.post(rn 'index.php?controller=login&action=Login',rn 'username':username.value,'password':password.value,rn function(data)rn if (data=='ok')rn location.href="**.php?controller=**";rn elsern alert(data)rn rn rn )[/code]rn这里的data就是回调过来的值把?但是我现在要回调多个值过来比如有多了一个AAA现在这里要如何比较呢?rnphp代码rn[code=php]rnif($myJson["err"]==-1)rn echo $myJson["err"];rn elsern echo 'ok';rn // $arr = array("$username",'ok');rn //echo json_encode($arr);rn rn[/code]rn问题出来了 我现在如果写echo ‘ok’ 他就能他就能执行跳转,这样是没问题的,但是我现在想要的结果是,他回调的时候给2个参数,这两个一个都不能少,这里我就不会写了,我按照下面的写法他就会弹出一个["***",'ok']的json字段!这要怎么该呢?
JQuery ajax post方法没有传递值
这是一个显示表单的操作:从数组里面获取数据,然后用html的table显示出来。我在每一行的最后加了一个select list,希望通过手动选择,能够改变表单中某一列的值,并且传到后台,更新数据库。我已经获取到每一行的id,同时选择的值,但是在用$.ajax POST方法传递到"Test9.php"的时候,用echo 方法打印传递的数据,没有任何显示。是不是说明没有传递成功呢,应该怎么修改,求教各位!下面是具体的代码:rnrnrn[code=PHP]rnrnrn rn rn rn rn rn rn rn Idrn namern statusrn rn ';rn for ($j = 0; $j < count($testArray[$i]); $j++) rn echo ' ';rn echo $testArray[$i][$j];rn echo '';rn rn echo ' ';rn echo "";rn echo "'status1";rn echo "'status2";rn echo '';rn echo '';rn echo '';rn rn ?>rn rn rn[/code]rn
怎样在两个Frame中传递值,注意不是在iframe中传递值
怎样在两个Frame中传递值,注意不是在iframe中传递值。rn我想在一个Frame中控制另一个Frame的显示情况,怎么控制?也就是在一个Frame中激发一个事件控制另一个Frame的自动显示或者隐藏,怎么实现???
Echarts ajax动态加载json数据
后台php写的,给前台准备好json格式数据 public function actionGetOffline(){ $userid = Yii::$app->user->identity->user_id; $connection = Yii::$app->db; $command = $connection->createCommand("SELECT
Echarts多条折线图ajax
先看效果图,效果图如下。 html &lt;div class="row" &gt; &lt;div id="main"&gt;&lt;/div&gt; &lt;/div&gt; js // ajax加载数据 $.ajax({ url : ROOT + "/index/count", async : false, type : 'GET', ...
echarts ajax请求方式
var myChart; $(document).ready(function () { //getEcharts(); }); function getEcharts() { myChart = echarts.init(document.getElementById("container")); var options
ajax异步处理echarts图形
下拉选择,不同仪器,异步加载出不同图形。 ------------------------------------------------------------------------------------------------------------------------------------------ jsp页面 首选加载下拉框,写个onchange()事件 if(
echarts ajax动态调用数据
String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> echarts
ajax与echarts 的交互应用
第一步:引入echarts js文件和jquery。&amp;lt;script src=&quot;js/echarts/echarts-3.2.3.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;js/jquery/jquery-3.1.1.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;第二步:html搭建,设置需要加载图表的div 的id属性(根据需求写css样式)...
echarts ajax 动态获取数据
keys 和 values 都是动态数据 注意如果数据是{value:335, name:'直接访问'}这种格式 需要使用eval('(' + strtojson + ')') 转一下//加载图表 start $(function(){ $.ajax({ //提交数据的类型 POST GET type:"POST",
Echarts与ajax的联合使用
Echarts与ajax的联合使用,就是先ajax向后台请求数据,然后返回成功后,将数据填充到echarts图表中ajax请求 function getAmountData(){ var dataStr = $("#searchForm").serialize(); $.ajax({ type : 'po
Echarts实例(ajax)
Echarts实例,包括js和后台代码,数据库视图,功能为根据多个条件来显示折线图,以及datatable表格
echarts ajax数据加载方法
一: &amp;lt;!-- 引入 echarts.js --&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;echarts.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;!-- 引入jquery.js --&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&
AJAX给echarts赋值
现在做一个网站,用到很多echarts插件,在js中,echarts中的数据要为后台的真实数据,我现在是在js中写ajxa方法,给全局变量赋值,然后放到echarts中,这个没问题/rn现在加一个搜索功能,因为我刚进来的时候就已经给全局变量赋值了,每当我点击搜索时,传递参数到后台,返回新参数,也能赋值给变量,问题是页面不变化,数据还是第一次时候的值,请问该怎么做?rn谢谢
AJAX里怎样处理回调传递的集合
如题
jquery ajax 怎样向后台传递数组
rnjquery ajax 怎样向后台传递数组rnrndata:"steps":["qwe","asd","zxc"]rnrn就这样传,为何传不了。还有其他方法么?求教!
怎样在两个Frame中传递值,而不是在iframe中
怎样在两个Frame中传递值,注意不是在iframe中传递值。rn我想在一个Frame中控制另一个Frame的显示情况,怎么控制?也就是在一个Frame中激发一个事件控制另一个Frame的自动显示或者隐藏,怎么实现???
SSM中Ajax动态赋值给Echarts
1、JSP页面 &lt;script type="text/javascript" src="javascript/echarts.js"&gt;&lt;/script&gt; &lt;!-- 为ECharts准备一个具备大小(宽高)的Dom --&gt; &lt;div id="sceneryChart" style="width:800px;height:500px;"&gt;&lt;...
传递值
链接:XTSZ/XT_ExchangStatusView.aspx?Name=网元监控-->实时监控rnrn在IE7.0、IE8.0上都没有问题,但是在IE6.0上获取的值显示为:网元监控?->实时监控rn更奇怪的是,不是所有的页面都这样,只有少数几个页面获取值后是这样。rn我找了很久都不知道是什么原因,请各位帮帮忙。
值的传递
rn问题:我如何才能将USERNO和PWD的值传到gyszq.aspx中????rnrn
值的传递!
我用C#做了2个Form1(父),Form2。现在我要把Form1里面的textbox内容传递到Form2的一个textbox里面。rn 请问:怎样传递过去?要写一个方法吗?rn请给你的思想和代码?谢谢!!
列表视图中传递int值到string值
TextView location=(TextView)template_view.findViewById(R.id.tvlocation);rn TextView weather=(TextView)template_view.findViewById(R.id.tvweather);rn TextView temp=(TextView)template_view.findViewById(R.id.tvtemp);rn TextView dewpoint=(TextView)template_view.findViewById(R.id.tvdew);rn TextView humidity=(TextView)template_view.findViewById(R.id.tvhumidity);rn TextView windspeed=(TextView)template_view.findViewById(R.id.tvspeed);rn TextView winddir=(TextView)template_view.findViewById(R.id.tvdir);rn TextView windgust=(TextView)template_view.findViewById(R.id.tvgust);rn TextView pressure=(TextView)template_view.findViewById(R.id.tvcondition);rn TextView heatindex=(TextView)template_view.findViewById(R.id.tvheat);rn TextView visibility=(TextView)template_view.findViewById(R.id.tvvisibility);rn TextView precipitation=(TextView)template_view.findViewById(R.id.tvprecipitation);rn TextView dailyprecipitation=(TextView)template_view.findViewById(R.id.tvdaily);rn TextView sunrise=(TextView)template_view.findViewById(R.id.tvsunrise);rn TextView sunset=(TextView)template_view.findViewById(R.id.tvsunset);rn rn location.setText(Voicenames.get(position).getLocation());rn weather.setText(Voicenames.get(position).getWeather());rn //temp.setText(Voicenames.get(position).getTemp_c());rn //dewpoint.setText(Voicenames.get(position).getDewpoint_c());rn //windspeed.setText(Voicenames.get(position).getWind_kph());rn //windgust.setText(Voicenames.get(position).getWind_gust_kph());rn humidity.setText(Voicenames.get(position).getRelative_humidity());rn winddir.setText(Voicenames.get(position).getWind_dir());rn pressure.setText(Voicenames.get(position).getPressure_mb());rn heatindex.setText(Voicenames.get(position).getHeat_index_c());rn visibility.setText(Voicenames.get(position).getVisibility_km());rn precipitation.setText(Voicenames.get(position).getPrecipitation());rn dailyprecipitation.setText(Voicenames.get(position).getDaily_precipitation());rn sunrise.setText(Voicenames.get(position).getSunrise());rn sunset.setText(Voicenames.get(position).getSunset());rnrn有一个全是string值的列表视图。我将注释放到int值中,然后将int值传递过去,但是总是报出空指针异常。应该怎么解决?rnrn我用到JSONboject。
用户控件中的值如何传递?
我在一个页面中用到了用户控件,里面是一个DataGrid。在这个页面中我想点击DataGrid中的链接把当前行的值写入到页面中的TextBox中。请问在用户控件里面要如何操作才能把值赋给TextBox?
在不同的.cpp中传递值
一大早发问:rnrn如果现在有两个.cpp文件在同一个工程中,分别为Abc.cpp和 Mn.cpp。rnrn在Abc.cpp中有一个函数 bool GetMax::showAllMax(),其中有一个变量为int m_oStatusrn现在想把int m_oStatus最后的结果或者是函数 bool GetMax::showAllMax()的最后的bool值传递到rnMn.cpp中使用,该怎么办呢?rnrn是把m_oStatus定为全局变量么? (尝试了全局变量的方法好像不行啊,老是出现link错误,fatal error LNK1120: 1 unresolved externals)rnrn还有没有其他办法? rnrn谢谢!
分页中传递checkbox得值
需要实现一个功能,每页显示信息,每页都有复选框可以选择需要得信息,当分页的时候需要把值带到下一页,如果再回到这页可以读到当时选择得值,最后把选择所有的值一起提交!谁有比较好得方法,最好有完整得代码,谢谢!!!!!!!!!!!!
Activex中param值的传递
现在在网页中嵌入一个object,它包含若干个param值。rn现在想请教:rn1、 在script中如何给param赋值,并使得这些值能够传入activex中。rn我现在的情况是只能将param定义中的值传入,但是在javascript中赋的新值却无法正确传递。rn2、在activex程序中的值能不能通过param返回。rn
网页中传递值的问题
如何传递一个很大的文本到下一个页面,好像一般传递过去的都有大小限制。
求三级联动中的传递值
下面是一个直接通过access数据库实现学校、班级到姓名的三级联动选择表单代码,经过本地测试通过。我还有一个app.asp文件,运行时需要加载这个三级联动表单中的学校、班级和姓名的值,这个值是什么(我以为是class1、class2和class3,结果不对)?给写一下。app.asp怎样获取这三个值?给写下。谢谢!rnrnrnrn rnrn 小学成绩查询系统rnrn rnrnrnrn asp三级联动菜单(含数据库) rnrn rn rn 学生成绩查询rn rn rn rnrnrnrn<%rndim connrndim rsrndim sqlrndim countrndim rs1rndim sql1rndim rs2rndim sql2rndim count2rndim connstrrnrn'Download by http://www.codefans.netrnconnstr="DBQ="+server.mappath("class.mdb")+";DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);"rn set conn=server.createobject("ADODB.CONNECTION")rn conn.open connstr rnrnsql = "select * from district order by locationid asc"rnset rs = conn.execute(sql)rn%>rn rnrnrn<%sql2 = "select * from village order by districtid asc"rnset rs2 = conn.execute(sql2)rn%>rn rnrnrnrnrnrn rn rn rn 选择学校:rn rn rn ==请选择学校==rn <% rn rn sql1 = "select * from loaction order by loactionname asc"rn set rs1 = conn.Execute (sql1)rn do while not rs1.eofrn %>rn "><%=rs1("loactionname")%>rn <%rn rs1.movenextrn looprn rs1.closern set rs1 = nothingrn conn.Closern set conn = nothingrn %>rn rn rn 选择班级:rn rn rn ==请选择班级==rn rn rn 选择姓名:rn rn rn ==请选择姓名==rn rnrnrn 验 证 码:rn<% rndim num1,rndnumrnRandomizernDo While Len(rndnum)<4rnnum1=CStr(Chr((57-48)*rnd+48))rnrndnum=rndnum&num1rnlooprnsession("verifycode")=rndnumrn%>rn rn <%=session("verifycode")%>rn rn rn rn rn rn rn rn  rn rn rn rn rn rn rn 管理员帐号入口: 进入管理rnrnrnrn rnrnrn
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件