如代码所示,通过在注释部分中的AJAX向服务器端上传Pie图,在服务器端保存的Pie图图像文件中,工具栏可以看到,但图像的主体,即饼和标签都不显示。但如果不是Pie图,是雷达图、Bar图、指针图,均无任何问题。
其它图表图像上传无问题,说明不是我的代码问题。
Pie图上传图像文件中,包含了工具栏图像,说明Pie图已经处理,浏览器端获得了图像内容。
Pie图上传图像文件中无饼和标签,说明浏览器端获得的图像内容不包含饼和标签,即说明饼图主要内容的getDataURL()不能得到Pie的图形内容。
求助:如何把Pie的图像内容加入getDataURL()可获取的图像内容中
配置项如下
var option = {
tooltip : {
formatter: "{a} <br/>{c} {b}"
},
toolbox: {
show: true,
feature: {
restore: {show: true},
dataView: {},
saveAsImage: {show: true}
}
},
title: {
text: '',
subtext:''
},
tooltip: {},
legend: {
data:[
]
},
series: [
{
type: 'pie',
center: ['50%', '50%'], // 默认全局居中
radius: 125,
label: {
normal: {
show: true,
position: 'top',
textStyle: {
color: 'rgba(0, 0, 0, 1)'
}
}
},
labelLine: {
normal: {
lineStyle: {
color: 'rgba(0, 0, 0, 1)'
},
}
},
data: [
{value:9.31529748151342,name:'值1'},
{value:71.1291779584463,name:'值2'}
]
}
]
};
/*
postImage('e339c4dd-fd64-4e32-ba8c-a98ab607027f', 'DATA_ESTIMATE', 'VALUE_LOCAL', 'null');
function postImage(sid, vault, imageSn, docSn) {
// 向后台发起请求保存图片到指定目录.
$.ajax({
type: 'POST',
dataType: "json",
url: "x3EChartSaveImageProcess.jsp?objectSid="+sid+"&vault="+vault+"&imageSn="+imageSn+"&docSn="+docSn,
data: {"picInfo": myChart.getDataURL()},
success: function() {
alert('通过post请求传输数据成功!');
}
});
}
*/
/*
*/