全球纬向水分布echarts 折线配置项内容和展示

      
var colors = ['#5793f3', '#d14a61', '#675bba'];

option = {
    color: colors,
    title: [{
        text: '全球纬向水分布',
        //subtext: 'by lyc',
        left: 'center',
        textStyle: {
            color: '#404a59',
            fontSize: 18
        }
    },],
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    grid: {
        
        left: 'center',
        top: '7%',
        bottom: 40,
        width: '30%',
        height:'90%',
        containLabel: true
    
    },
    /*toolbox: {
        feature: {
            dataView: {show: true, readOnly: false},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },*/
    legend: {
        top: '4%',
        data:['水域率','水域面积']
    },
    yAxis: [
        {
            position:'top',
            type: 'category',
            axisTick: {
                alignWithLabel: true
            },
            axisLabel : {
                show:true,
                interval: 9
               
            },
            data: ['90','89','88','87','86','85','84','83','82','81','80','79','78','77','76','75','74','73','72','71','70','69','68','67','66','65','64','63','62','61','60','59','58','57','56','55','54','53','52','51','50','49','48','47','46','45','44','43','42','41','40','39','38','37','36','35','34','33','32','31','30','29','28','27','26','25','24','23','22','21','20','19','18','17','16','15','14','13','12','11','10','9','8','7','6','5','4','3','2','1','0','-1','-2','-3','-4','-5','-6','-7','-8','-9','-10','-11','-12','-13','-14','-15','-16','-17','-18','-19','-20','-21','-22','-23','-24','-25','-26','-27','-28','-29','-30','-31','-32','-33','-34','-35','-36','-37','-38','-39','-40','-41','-42','-43','-44','-45','-46','-47','-48','-49','-50','-51','-52','-53','-54','-55','-56','-57','-58','-59','-60','-61','-62','-63','-64','-65','-66','-67','-68','-69','-70','-71','-72','-73','-74','-75','-76','-77','-78','-79','-80','-81','-82','-83','-84','-85','-86','-87','-88','-89','-90',],
        }
    ],
    xAxis: [
        {
            type: 'value',
            name: '水域率(%)',
            //min: 0,
            //max: 250,
            position: 'top',
            //inverse:true,
            axisLine: {
                lineStyle: {
                    color: colors[0]
                }
            },
            axisLabel: {
                formatter: '{value}'
            }
        },
        
        {
            type: 'value',
            name: '水域面积(万km²)',
            //min: 0,
            //max: 25,
            position: 'bottom',
            //inverse:true,
            axisLine: {
                lineStyle: {
                    color: colors[2]
                }
            },
            axisLabel: {
                formatter: '{value}'
            }
        }
    ],
    series: [
        {
            name:'水域率',
            type:'line',
            data:[0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.1900,0.2500,0.1100,0.1200,0.0800,0.3200,1.1000,3.5100,3.9900,6.6000,7.2700,8.8900,8.0100,7.7100,6.8300,7.7500,6.6300,6.6800,6.6300,7.1400,7.5800,6.2000,5.6200,5.4400,4.2900,4.5100,5.1700,6.0100,5.4400,4.3400,3.6700,3.3300,2.6900,3.4100,4.7100,5.5700,7.0000,5.6700,5.1700,5.5900,4.7900,3.2100,3.2900,4.3800,3.9600,1.5900,1.2500,1.4900,1.1800,1.0700,1.5400,1.1300,1.0400,0.5400,0.4200,0.5100,0.3800,0.8000,0.9600,0.8500,0.5500,0.4200,0.3400,0.5800,0.4700,0.6900,0.6200,0.6400,1.0100,1.1100,1.5100,0.7000,0.6600,0.8900,1.3700,1.0300,0.7100,0.9900,0.8900,0.8200,1.4200,0.9900,4.3300,4.2900,3.7000,2.1700,1.8700,1.5200,1.4300,1.3900,1.5100,1.2500,1.1100,1.4000,1.1500,0.9500,0.7300,1.3900,1.1100,0.8900,0.7800,0.8400,1.2900,0.4800,0.4600,0.4500,0.3500,0.7200,0.8800,1.3600,0.9600,0.9200,1.4500,0.4900,1.5600,1.2500,1.0400,1.0700,0.5800,0.5900,1.7600,1.6200,1.9200,1.7400,1.1000,1.3200,1.3600,2.6600,4.0900,2.2200,3.4500,3.6700,4.3500,2.3400,1.7200,1.5700,2.7600,2.4700,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,]
        },
        
        {
            name:'水域面积',
            type:'line',
            xAxisIndex: 1,
            data:[0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0187,0.0309,0.0160,0.0213,0.0128,0.0570,0.2395,0.7574,0.9551,2.3329,3.0699,4.7374,5.5312,6.2760,6.5013,8.6772,7.5541,7.4287,7.4645,8.3163,9.3063,7.4295,6.2113,6.0143,4.7990,5.1848,6.3116,8.2189,8.2480,6.9975,5.8466,5.4849,4.5586,6.0796,8.4692,9.6849,12.1818,9.6149,8.6559,9.0352,7.7340,5.1794,5.1660,6.6773,6.0658,2.3962,1.8867,2.2767,1.7949,1.6910,2.5316,1.9464,1.7699,0.8962,0.6724,0.7997,0.5852,1.1979,1.5227,1.3569,0.8030,0.5752,0.4545,0.7966,0.5978,0.8414,0.7303,0.7518,1.1235,1.1103,1.4353,0.7483,0.7126,0.9944,1.4917,1.0770,0.7263,0.9461,0.8591,0.8081,1.3984,0.9921,4.4202,4.7219,4.1248,2.5007,2.0597,1.6204,1.5902,1.5501,1.7289,1.1778,0.9646,1.2745,1.1787,0.9878,0.7044,1.3972,1.1452,0.8794,0.7846,0.8103,1.3046,0.4960,0.4829,0.4469,0.3335,0.6654,0.8420,1.2790,0.8180,0.7519,1.1408,0.3606,0.9691,0.6542,0.3845,0.3030,0.1541,0.1627,0.3644,0.2154,0.2372,0.2328,0.1393,0.1433,0.1410,0.2503,0.3119,0.1483,0.2241,0.2328,0.1992,0.1180,0.0655,0.0519,0.1158,0.0210,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,]
        }
    ]
};