echarts相關配置及圖示
阿新 • • 發佈:2019-02-02
var base = +new Date(1968, 9, 3); var oneDay = 24 * 3600 * 1000; var date = []; var data = [Math.random() * 300]; function PowerCalculator(base,power){ var number=base; if(power == 1){ return number; } if(power == 0){ return 1; } for(var i=2;i<=power;i++){ number = number * base; } return number; } // for (var i = 1; i < 20000; i++) { // var now = new Date(base += oneDay); // date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/')); // data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1])); // } var datem=['00','15','30','45']; var xData = getMinu(); function getYdata(param,bas){ var yData = []; var getY; for (var i = 0; i < xData.length; i++) { if(i<24||i>80){ getY=0; }else{ getY =bas+bas*Math.sin((i-param)/(3.14*3)); //getY = -((i-param)*(i-param)-param*15)*basic; if(getY<0){getY =0} if(Math.abs((i-54))<10){ getY+=bas*Math.random()/15; } getY=getY/10 } yData.push(getY) } return yData } function getMinu(){ var dateh=[]; var datehs=[]; for(var i=0;i<24;i++){ if(i<10){ dateh='0'+i; }else{ dateh=''+i; } for(var j=0;j<4;j++){ datehs.push(dateh+':'+datem[j]); } } return datehs; } option = { legend: { top: 'top', data:[{ name:'逆變器功率(直流輸入)', icon:'line' },{ name:'逆變器功率(交流輸出)', icon:'line' },{ name:'瞬時輻射', icon:'line' }] }, xAxis: { type: 'category', boundaryGap: false, data: xData }, yAxis: [{ name:'功率(MW)', max:5, type: 'value', boundaryGap: [0, '100%'], },{ name:'瞬時輻射(W/m²)', max:1000, type: 'value', boundaryGap: [0, '100%'], }], dataZoom: [{ type: 'inside', start: 10, end: 90 }, { start: 10, end: 90, handleSize: '80%', handleStyle: { color: '#fff', shadowBlur: 3, shadowColor: 'rgba(0, 0, 0, 0.6)', shadowOffsetX: 2, shadowOffsetY: 2 } }], series: [ { name:'逆變器功率(直流輸入)', type:'line', symbol: 'none', itemStyle: { normal: { color: '#0299D9' } }, data: getYdata(38.7,13) }, { name:'逆變器功率(交流輸出)', type:'line', symbol: 'none', itemStyle: { normal: { color: '#36BC27' } }, data: getYdata(38.7,12) }, { name:'瞬時輻射', type:'line', smooth:false, symbol: 'none', yAxisIndex: 1, itemStyle: { normal: { color: '#FB483A' } }, data: getYdata(39,2880) } ] };