1. 程式人生 > >echarts相關配置及圖示

echarts相關配置及圖示

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)
        }
    ]
};

(4)