AJAX部分刷新以echarts饼图为例
发布时间:2020-12-16 02:10:02 所属栏目:百科 来源:网络整理
导读:script type="text/javascript" var xmlhttp; function startrefresh(){ xmlhttp=new XMLHttpRequest(); xmlhttp.open(POST,"/Sentiment/Sentiment.jsp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //xmlhttp.s
<script type="text/javascript"> var xmlhttp; function startrefresh(){ xmlhttp=new XMLHttpRequest(); xmlhttp.open(POST,"/Sentiment/Sentiment.jsp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //xmlhttp.send("name=wk"); --需要传输参数时增加 xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4) if(xmlhttp.status == 200) document.getElementById("main1").innerHTML=xmlhttp.responseText; } } </script> <div id="main1" style="height:350px;">武开英</div> 以下是echarts代码 <script type="text/javascript"> var array_name = "<%=st_name.toString()%>"; var array_value ="<%=st_good.toString()%>"; // 路径配置 require.config({ paths:{ 'echarts' : './js/echarts','echarts/chart/bar' : './js/echarts','echarts/chart/line': './js/echarts','echarts/chart/pie': './js/echarts' } }); // 使用 require( [ 'echarts','echarts/chart/bar',// 使用柱状图就加载bar模块,按需加载 'echarts/chart/line','echarts/chart/pie' ],DrawCharts ); function DrawCharts(ec) { FunDraw3(ec); } function FunDraw3(ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main1')); var option = { title : { text: '',subtext: '',x:'center' },tooltip : { trigger: 'item',formatter: "{a} <br/>{b} : {c} ({d}%)" },legend: { orient : 'vertical',x : 'left',data:["正面","负面","中立"],//这个一定要自己输入,学会调适程序 },toolbox: { show : true,feature : { mark : {show: true},dataView : {show: true,readOnly: false},restore : {show: true},saveAsImage : {show: true} } },calculable : true,series : [ { name:'访问来源',type:'pie',radius : '100%',center: ['50%','60%'],data:(function(){ var res = []; var len = -1; while (len++<10) { res.push({ name: array_name.split(",")[len],value:array_value.split(",")[len] }); } return res; })() } ] }; myChart.setOption(option); } </script>这样可以部分刷新饼图。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- PostGIS/PostgreSQL vs. MySql vs. SQL Server
- 【数据结构与算法】(二)链表
- c# – WPF将已过滤的ObservableCollection IColl
- iphone – 如何在导航控制器之间切换?
- 使用聚合函数group by后面必须要带着所有要查询的
- ruby-on-rails – 了解为什么ruby进程阻塞100%C
- ruby-on-rails – 作为float add float类的SImpl
- iphone – 故事板和切换视图?
- cocos2d-x 3.x游戏开发学习笔记(1)--mac下配置co
- ruby-on-rails – Ruby中有效子域的正则表达式
热点阅读