永发信息网

echarts java怎样传入数据

答案:1  悬赏:70  手机版
解决时间 2021-02-20 02:52
echarts java怎样传入数据
最佳答案
function init_chart  (data_list) {<br>// 基于准备好的dom,初始化echarts实例<br>var myChart = echarts.init(document.getElementById('echarts-main'));<br>var camera_names=[];<br>var data2=[];<br>var data3=[];<br>var data_all=[];<br>for ( var i = 0; i &lt; data_list.length; i++) {<br>var o=data_list[i];<br>var camera_name=&quot;&quot;;<br>if(get_camera(o.camera_repository_id))<br>{<br>camera_name=get_camera(o.camera_repository_id).name<br>}<br>camera_names.push(camera_name)<br>data2.push(o.count_type2);<br>data3.push(o.count_type3);<br>data_all.push(o.count_type2+o.count_type3);<br>}<br>//camera_names=camera_names.reverse();<br>//data2=data2.reverse();<br>//data3=data3.reverse();<br>//data_all=data_all.reverse();<br>// 指定图表的配置项和数据<br>option = {<br>   title: {<br>       //text: '报警分析'<br>   },<br>   tooltip: {<br>       trigger: 'axis',<br>       axisPointer: {<br>           type: 'shadow'<br>       }<br>   },<br>   legend: {<br>       data: ['白名单', '黑名单','全部']<br>   },<br>   grid: {<br>       left: '3%',<br>       right: '4%',<br>       bottom: '3%',<br>       containLabel: true<br>   },<br>   xAxis: {<br>    type: 'category',<br>    data: camera_names<br><br>   },<br>   yAxis: {<br>    type: 'value',<br><br>    boundaryGap: [0, 0.01]<br>   },<br>   series: [<br>       {<br>           name: '白名单',<br>           type: 'bar',<br>           data: data2<br>       },<br>       {<br>           name: '黑名单',<br>           type: 'bar',<br>           data: data3<br>       },<br>       {<br>           name: '全部',<br>           type: 'bar',<br>           data: data_all<br>       }<br>   ]<br>};<br>// 使用刚指定的配置项和数据显示图表。<br>myChart.setOption(option);<br>}<br><br><br><br><br><br>function getList() {<br>var cancel_timestamp1 = $('#datetimepicker1').data(&quot;date&quot;);<br>var cancel_timestamp2 = $('#datetimepicker2').data(&quot;date&quot;);<br>if (cancel_timestamp1)<br>cancel_timestamp1 = moment(cancel_timestamp1).unix();<br>if (cancel_timestamp2)<br>cancel_timestamp2 = moment(cancel_timestamp2).unix();<br>if(cancel_timestamp1==&quot;&quot;)<br>cancel_timestamp1=&quot;0&quot;<br>if(cancel_timestamp2==&quot;&quot;)<br>cancel_timestamp2=&quot;9999999999&quot;<br>$.ajax( {<br>url : 'rxt.servlet.alarm_analysis',<br>data : {<br>cancel_timestamp1 : cancel_timestamp1,<br>cancel_timestamp2 : cancel_timestamp2,<br>operat : &quot;getList&quot;<br>},<br>type : 'post',<br>cache : false,<br>dataType : 'json',<br>success : function(data) {<br>if (data.rtn == 0) {<br>// alert(data.list);<br>var table = $(&quot;#main tbody&quot;);<br>table.html('');<br>for ( var i = 0; i &lt; data.list.length; i++) {<br>var o = data.list[i];<br>var camera_name=&quot;&quot;;<br>if(get_camera(o.camera_repository_id))<br>{<br>camera_name=get_camera(o.camera_repository_id).name<br>}<br>table.append('&lt;tr&gt;&lt;td&gt;' +camera_name + '&lt;/td&gt;&lt;td&gt;'<br>+ o.count_type2 + '&lt;/td&gt;&lt;td&gt;' + o.count_type3<br>+ '&lt;/td&gt;&lt;td&gt;'+(o.count_type3+o.count_type2)+'&lt;/td&gt;&lt;/tr&gt;');<br>}<br>init_chart(data.list);<br>} else {<br>alert(data.msg);<br>}<br>},<br>error : function() {<br>alert(&quot;网络异常!&quot;);<br>}<br>});<br>}
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
河池市家兴旺门业有限公司地址在什么地方,想
桐梓县钓鱼协会垂钓训练基地怎么去啊,我要去
贝斯音箱连接电脑问题,急急急急
支付宝遇到问题客服解决不了‘我该找什么部门
东风标致3008丑的不要不要的
伊顿饭店-会议厅这个地址在什么地方,我要处
类似千年的手游
大自然墙纸地址有知道的么?有点事想过去
银行贷款,合同上写的名字,有我,我爸,还有
为什么女人在婚前婚后脾气会变化如此之大
请问,正丁胺是氧化剂吗?它可以和金属反应吗?
孙疃中学今年定向分数线确定没有啊,是多少,
考上三本复读还是将来考研?
有人因为细胞内多了一条染色体,所以他就患上
CPU速度 1.8GHz主频,可睿频加速至2.7GHz,
推荐资讯
安利快乐家园地址在哪,我要去那里办事
真空滚揉机工作原理?
求名字带杏的二次元人物
汉武帝采纳董仲舒“罢黜百家、独尊儒术”的建
怎样从固始到东莞?
静湖广场怎么去啊,有知道地址的么
消字灵什么牌子好
【高考作文多少分】高考英语作文文不对题最多
南海亚许金属回收公司怎么去啊,有知道地址的
巧填成语谜1.最宽的视野 ( )2.最大的容量
慕思健康睡眠私人定制中心我想知道这个在什么
ebay各馆有什么区别?中国馆,加拿大馆和美国
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?