根据传入的参数生成相应的图形
代码如下:
loadChart : function(data,item){
var that = this;
require(['echarts', 'echarts/chart/bar', 'echarts/chart/line',
'echarts/chart/pie'], function(ec) {
that.body.setHeight(800);
var myChart = ec.init(that.body.dom);
myChart.showLoading({
text : "图表数据正在努力加载..."
});
var option = {
tooltip : {
trigger : 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
legend : {
data : data.indis,
x : 'left',
y : 'top'
},
toolbox : {
show : true,
orient : 'vertical',
x : 'right',
y : 'center',
feature : {
mark : {
show : true
},
dataView : {
show : true,
readOnly : true
},
magicType : {
show : true,
type : ['line', 'bar', 'stack', 'tiled']
},
restore : {
show : true
},
saveAsImage : {
show : true
}
}
},
calculable : true,
animation : false,
xAxis : [{
type : 'category',
data : data.grp
}],
yAxis : [{
type : 'value',
splitArea : {
show : true
}
}],
series : data.bar.series
};
}
myChart.hideLoading();
myChart.setOption(option);
that.imgURL = myChart.getDataURL('/tech-java/png/index.html');//获取base64编码
});
},
initEChart : function(){
require.config({
paths:{
'echarts':'js/com/bhtec/echart/echarts',
'echarts/chart/bar' : 'js/com/bhtec/echart/echarts',
'echarts/chart/line': 'js/com/bhtec/echart/echarts',
'echarts/chart/pie': 'js/com/bhtec/echart/echarts'
}
});
}
将数据传递到后台
代码如下:
doExport : function(){
var url = this.chartPanel.getImageURL();
var title = Ext.fly('indi-display-title-id').first().dom.innerHTML;
var left = Ext.getCmp("indi_pivotGrid_id").leftAxis.getTuples();
var t = Ext.getCmp("indi_pivotGrid_id").topAxis.getTuples();
//TODO 获取base64的图片编码
Ext.Ajax.request({
url : 'indicator/exp2excl.mvc',
params : {
imgURL:url,
left:getS(left)
}
});
function getS(d){
var arr = [],str;
for(var i=0;i