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);
}
這樣可以部分重新整理餅圖。
總結
如果覺得程式設計之家網站内容還不錯,歡迎将程式設計之家網站推薦給程式員好友。
本圖文内容來源于網友網絡收集整理提供,作為學習參考使用,版權屬于原作者。