test 预测-03echarts category配置项内容和展示

按天预测

配置项如下
      var data = [
    ['30', 11.35],
    ['01', 85.11],
    ['02', 36.61],
    ['03', 27.26],
    ['04', 6.72],
    ['05', 36.37],
    ['06', 80.13],
    ['07', 20.88],
    ['08', 97.15]
];
data.push(['预测',avg])
var sum =0;
var data3=[];
for(var i=0;i<data.length-1;i++){
    data3.push(data[i][1])
    sum+=data[i][1]
}
var avg=sum/data.length;
var myRegression = ecStat.regression('polynomial', data);
var data1 = myRegression.points.sort(function(a, b) {
    return a[0] - b[0];
});
var data2 = [];
for (var i = 0; i < data.length - 2; i++) {
    data2.push('')
}
data2.push(data[data.length - 2][1])
data2.push(data1[data1.length-1][1])
//======= x轴===========
var data4=[];
for(var i=0;i<data.length;i++){
    data4.push(data[i][0])
}
option = {
    tooltip: {
        trigger: 'axis',
        formatter: function(params) {
           if (params.length === 1) {
                if (params[0].seriesName === 'line1') {
                    return '明天<br/>' + params[0].data;
                } else {
                    return params[0].axisValue + '日<br/>' + params[0].data;
                }
            } else {
                return params[0].axisValue + '日<br/>' + params[0].data;
            }
        }
    },
    xAxis: [{
        type: 'category',
        name: '日',
        data:data4,
        splitLine: {
            show: false,
        },
        splitNumber: 20
    }],
    yAxis: {
        type: 'value',
        splitLine: {
            show: false,
        }
    },
    grid: {
        top: 90
    },
    series: [{
        name: 'line',
        type: 'line',
        lineStyle: {
            color: '#ff7405'
        },
        data: data3,
        xAxisIndex: 0
    }, {
        name: 'line1',
        type: 'line',
        lineStyle: {
            color: '#1260FF',
            type: 'dashed'
        },
        data:data2,
        xAxisIndex: 0
    }]
};
    
截图如下