七日报警数据echarts 折线配置项内容和展示

      var Xnamelist = ['12月1日', '12月2日', '12月3日', '12月4日', '12月5日', '12月6日', '12月7日'];
var data1 = ['14', '23', '12', '21', '12', '34', '11'];
var data2 = ['1.1', '1.2', '1.5', '1.6', '2.2', '1.2', '1.1'];
var data3 = ['0.3', '0.4', '1', '1.2', '0.2', '0.2', '0.1'];
var data4 = ['0.3', '1.4', '0.2', '0.1', '1', '0.2', '0.2'];
var data5 = ['2.2', '0.1', '1', '0.3', '1.4', '1.2', '0.2'];
var tittlename = "综采支架工作阻力实时在线监测";
var XTypelist = ['报警'];
var Ytpye1 = "单位:Mpa";
var Ytpye2 = "";
var Ytpye3 = "";
var Ytpye4 = "";
var Xtpye = "";
var fontcolor = "#fff";
var maxValue = "38.5";
var maxName = "压力上限";
var minValue = "24";
var minName = "压力上限";
var color = ['#db8258', '#eda350', '#a6a34b', '#84aa6d', '#84abab']
var labelstyle1 = {
    show: true,
    position: 'top',
    textStyle: {
        color: '#fff',
    }
};
var lineStyle1 = {
    normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#008cff'
        }, {
            offset: 1,
            color: '#005193'
        }]),
        opacity: 1,

    }
};
var lineStyle2 = {
    normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#00da9c'
        }, {
            offset: 1,
            color: '#007a55'
        }]),
        opacity: 1,
    }
};
var lineStyle3 = {
    normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#eda999'
        }, {
            offset: 1,
            color: '#a6a000'

        }]),
        opacity: 1,
    }
};
var lineStyle3 = {
    normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#c4e300'
        }, {
            offset: 1,
            color: '#728400'
        }]),
        opacity: 1,
    }
};
var lineStyle4 = {
    normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0,
            color: '#eda000'
        }, {
            offset: 1,
            color: '#ce42d1'

        }]),
        opacity: 1,
    }
};

option = {
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: XTypelist,
        textStyle: {
            color: "white"
        }
    },

    xAxis: {
        type: 'category',
        boundaryGap: false,
        //data: xData,
        data: Xnamelist,
       axisLine: {
            lineStyle: {
                color: '#0177d4'
            }
        },
        axisLabel: {
            color: fontcolor,
            fontSize: 14
        }
    },
    yAxis: {
        name: '数量',
        type: 'value',
        minInterval: 1,

        axisLine: {
                lineStyle: {
                    color: color[2]
                }
            },
            axisLabel: {
                color: 'white',
                formatter: '{value}'
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#0177d4'
                }
            },
    },
    series: [{
            name: XTypelist[0],
            type: 'line',
            smooth:true,
            barWidth: 25,
            itemStyle: lineStyle1,

             label: labelstyle1,
            data: data1
        }],

    
};