ECharts3.0餅狀圖使用問題總結

前提：本人使用的是IE9瀏覽器

1.IE中無法顯示，谷歌卻顯示正常的問題：

1）情況一　　

var myChart_cols<%=i%> = echarts.init(document.getElementById('cols_qk_<%=i%>'),'shine');
// 使用剛指定的配置項和數據顯示圖表。
myChart_cols<%=i%>.setOption({
　　title : {
　　　　//text: '任務完成情況',
　　　　//subtext: '單位：戶數',
　　　　x:'center'
　　},
　　tooltip : {
　　　　trigger: 'item',
　　　　formatter: "{a} <br/>{b} : {c} ({d}%)"
　　},
　　legend: {
　　　　orient: 'vertical',
　　　　left: 'left',
　　　　data: [<%=DataConvertor.arrayToString(col_data.split(","),true) %>]        // -----1
　　},
　　series : [
　　　　{
　　　　　　name: '明細',
　　　　　　type: 'pie',
　　　　　　radius : '65%',//餅圖的半徑大小
　　　　　　center: ['45%', '50%'],//餅圖的位置
　　　　　　data:[       //-----2
　　　　　　　　<%if(col_data != null && col_data.split(",").length > 0){
　　　　　　　　　　String[] col_data_v = col_data.split(",");
　　　　　　　　　　String[] col_value_v = col_value.split(",");
　　　　　　　　　　for(int v = 0; v < col_data_v.length-1; v++){
　　　　　　　　%>
　　　　　　　　　　　　{value:<%= col_value_v[v]%>, name:'<%=col_data_v[v] %>'},
　　　　　　　　　　<%} %>
　　　　　　　　{value:<%= col_value_v[col_value_v.length-1]%>, name:'<%=col_data_v[col_data_v.length-1] %>'}
　　　　　　　　<% }%>
　　　　　　],
　　　　　　itemStyle: {
　　　　　　　　emphasis: {
　　　　　　　　　　shadowBlur: 10,
　　　　　　　　　　shadowOffsetX: 0,
　　　　　　　　　　shadowColor: 'rgba(0, 0, 0, 0.5)'
　　　　　　　　}
　　　　　　}
　　　　}
　　]            //-----3
});

上述內容為正確代碼 ，之前錯誤原因：序號2處data中生成的最后一個{}的后邊多添加了一個逗號（，），同時序號1中最后一項，以及序號3處，存在逗號的話也要去除

2）情況2

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">

以谷歌內核進行渲染IE

2.IE中餅圖顯示不完整，谷歌卻顯示正常的問題：

解決方式1：下載ecahrts簡裝包  echarts.common.min.js （http://www.bvbcode.com/cn/qdrjm3c7-2726215）

問題解決，缺點：生成的餅圖移動顯示不流暢，顯示效果不佳（僅存在於IE）

解決方式2：下載

ECharts V3.1.6 最新圖表控件修復版（兼容IE9以下瀏覽器）

（方式2未做嘗試，僅供參考）