天天看點

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

}

這樣可以部分重新整理餅圖。

總結

如果覺得程式設計之家網站内容還不錯,歡迎将程式設計之家網站推薦給程式員好友。

本圖文内容來源于網友網絡收集整理提供,作為學習參考使用,版權屬于原作者。

下一篇: P4779