景区人数统计echarts 折线配置项内容和展示

      option = {
    backgroundColor:'#232c49',
    title: {},
    tooltip: {
        trigger: 'axis'
    },


    legend: {
        
        data: ['瞬时最高承载人数', '实时人数'],
        textStyle:{
            color:'#fff'
        }
    },
    grid: {
        show: false,
        left: '10%',
        right: '5%',
        bottom: '12%',
        top: '18%',
    },
    xAxis: [{
        type: 'category',
        axisTick: {
            show: false
        },
        data: [
            '枫泾古镇',
            '城市沙滩',
            '东林寺',
            '廊下生态园',
            '中国农名画村',
            '南社纪念馆',
            '金山嘴渔村'
        ],
        axisLine: {
            lineStyle: {
                color: '#5d94ca'
            }
        },
        axisLabel: {
            margin:5,
            fontSize: 10,
            color:'#fff'
        }

    }],
    yAxis: {
        type: 'value',
        name: '人数（万人）',
        nameLocation:'start',
        nameTextStyle:{
            color:'#fff'
        },
        axisTick: {
            show: false
        },
        min: 0,
        max: 25,
        splitNumber: 5,
        splitLine: {
            show: false
        },
        splitArea: {
            show: true,
            areaStyle: {
                color: ['#2a303e', '#262e3b']
            }
        },
        axisLine: {
            lineStyle: {
                color: '#5d94ca'
            }
        },
        axisLabel: {
            margin:5,
            fontSize: 10,
            color:'#fff'
        }
    },
    series: [{
        name: '瞬时最高承载人数',
        type: 'line',

        itemStyle: {
            normal: {
                
                color:'#eedd95',
                lineStyle: {
                    color: '#eedd95'
                }
            }
        },
        data: [15, 18, 13, 16, 17, 10, 6]
    }, {
        name: '实时人数',
        type: 'bar',
        data: [9, 7, 3, 9, 9, 15, 6],
        itemStyle: {
            normal: {
                color: '#5d94ca'
            }
        }
        
    }]
};