freemarker中做一个echarts报表

Question

在freemarker当中做一个echarts报表 并且动态从后台获取数据 谁有代码 图形随意

Answer 1

$(document).on("click",".showCharts",function(){
orderNo = $(this).data("id");
var div = document.getElementById("main2");//显示DIV
var myChart = echarts.init(div);
var option = {
title: {
text: '排名变化',
},
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: (function () {
var arr = [];
$.ajax({
url : "../tsale2/xxxxx.do",//获取数据
type : 'post',
async: false,
data : {
orderNo : orderNo
},
dataType : 'json',
timeout : 60000,
success : function(json) {
if(json){
for(var i = 0;i < json.length;i++){
arr.push(json[i].time);
}
}
},
error : function(json) {
layer.alert(json.message);
}
});
return arr;
}) ()
},
yAxis: {
name : '排名',
type : 'value',
axisLabel : {
formatter:'{value}',
}
},
series: [
{
name:'排名',
type:'line',
data: (function () {
var arr = [];
$.ajax({
url : "../tsale2/xxxxx.do",
type : 'post',
async: false,
data : {
orderNo : orderNo
},
dataType : 'json',
timeout : 60000,
success : function(json) {
if(json){
for(var i = 0;i < json.length;i++){
arr.push(json[i].rank);
}
}
},
error : function(json) {
layer.alert(json.message);
}
});
return arr;
}) ()
},
]
};
myChart.setOption(option);
$(".rankbox").show();
});

http://jingyan.baidu.com/album/6b182309b5e9a1ba59e1594e.html?picindex=3
参考传送门