easypiechart ajax,AJAX部分刷新以echarts饼图为例

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;

}

}

武开英

以下是echarts代码

var array_name = "";

var array_value ="";

// 路径配置

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

}

这样可以部分刷新饼图。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。