function QueryBase64Image(w,h,idx) { $('#container').html('
'); $('#charts').css("width",w); $('#charts').css("height",h); if(w!=1280) fs=20; ani=false; ts = false; showChart(); var mycanvas = document.getElementsByTagName('canvas')[idx]; var context = mycanvas.getContext("2d"); var spanleft; var spantop; var str; var lineWidth; var initHeight; var lastSubStrIndex; var fontStyleStr; for (var i = 1; i < 11; i++) { var spantext = $('#div_tips' + i + ''); if(spantext.text()==''){ break; } fontStyleStr=spantext.css("font-style")+' '+spantext.css("font-weight")+' '+spantext.css("font-size")+' '+spantext.css("font-family"); context.font=fontStyleStr; context.fillStyle = spantext.css("background-color"); spanleft = parseInt(spantext.css("left")); spantop = parseInt(spantext.css("top")); spanwidth=parseInt(spantext.css("width")); spanheight=parseInt(spantext.css("height")); context.fillRect(spanleft,spantop-parseInt(spantext.css("font-size")),spanwidth+parseInt(spantext.css("font-size")),spanheight); context.fillStyle = spantext.css("color"); lineWidth=0; str=spantext.text(); initHeight=spantop;//绘制字体距离canvas顶部初始的高度 lastSubStrIndex= 0; //每次开始截取的字符串的索引 for(var j=0;jspanwidth){ context.fillText(str.substring(lastSubStrIndex,j),spanleft,initHeight);//绘制截取部分 initHeight+=parseInt(spantext.css("font-size"))*1.4;//20为字体的高度 lineWidth=0; lastSubStrIndex=j; } if(j==str.length-1){//绘制剩余部分 context.fillText(str.substring(lastSubStrIndex,j+1),spanleft,initHeight); } } } var ret = mycanvas.toDataURL("image/png"); ani=true; ts = true; var cheight = document.documentElement.clientHeight-2; var cwidth = document.documentElement.clientWidth; $('#charts').css("height",cheight); myChart.resize(); return ret; } $(function(){ MODALNUM = CARR.length - (ARRVALUE[0][0].split(':').length); if(MODALNUM>=1){ for(var i = 0;i=2){ for(var i = 0;i=3){ for(var i = 0;i=4){ for(var i = 0;i=5){ for(var i = 0;i'; } $('#modalb1')[0].innerHTML = html; $('#mybody').click(function(){ $('#btn_cnt').hide(); $('#modalb1').hide(); STEP = 0; }) $('#modalb1 div').mouseenter(function () { $(this).css('color','white'); $(this).css('background','#3098fe'); }) $('#modalb1 div').mouseleave(function () { $(this).css('background','white'); $(this).css('color','black'); }) $('#modalb1 div').click(function () { $('#modalb1').css('display','none'); YTITLE = $(this)[0].innerText.trim(); $('#fig_btn1')[0].innerHTML = YTITLE; for(i = 0;i' +ARRKEY2[e.value[1]] + '
' + CARR[Y] + ' : ' + e.value[2]; } }, visualMap: { max: 20, inRange: { color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'] } }, xAxis3D: { name:XNAME, type: 'category', data: ARRKEY1 }, yAxis3D: { name:YNAME, type: 'category', data: ARRKEY2 }, zAxis3D: { name:ZNAME, type: 'value', }, grid3D: { // boxWidth: 200, // boxDepth: 80, viewControl: { projection: 'orthographic' }, light: { main: { intensity: 0.8, shadow: true }, ambient: { intensity: 0.3 } } }, series: [{ type: 'bar3D', name:'', itemStyle:{ opacity:0.8 }, // symbolSize:function(e){ // return e[2]*2; // }, //coordinateSystem:'cartesian3D', data: data.map(function (item) { return { value: [item[0], item[1], item[2]], } }), shading: 'lambert', label: { show:true, textStyle: { fontSize: 16, borderWidth: 1 } }, emphasis: { label: { textStyle: { fontSize: 20, color: 'red' } }, itemStyle: { color: 'red' } } }] }; myChart.setOption(option); }