本文最后更新于:3 years ago

option的组成

样例

var option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器,坐标轴触发有效
            type: 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        },
        formatter: function(params){
            console.log(params)
            var data = params[0].axisValue + '<br/>'
            for(var i=0;i < params.length;i++){
                data += params[i].marker + params[i].seriesName + ' : ' + params[i].value + '万人' + '<br/>'
            }
            return data
        }
    },
	grid:{
    	bottom: '40%'
    },
    legend: {
        bottom: 0,
         textStyle: {
            color: "#a3a9b3",
            fontSize:10,
           
        },
         itemWidth:10,
         itemHeight:10,

    },
    color:['#1e88eb','#32b25f','#dfbb23','#273874','#7b46d1','#1ab2b7','#373cbb'],
    xAxis: [
        {
            type: 'category',
            data: data.cityNames,
            axisLabel:{
                textStyle:{
                    color: "#a3a9b3"
                }
            },
            axisLine:{
                show:false
            },
            axisTick:{
                lineStyle:{
                    color:'#a3a9b3'
                }
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            axisLabel:{
                textStyle:{
                    color: "#a3a9b3",
					
                },
                formatter: "{value}万人",
				margin: 0
				
            },
            axisLine:{
                show:false,
            },
            axisTick:{
               show: false
            }
        }
    ],
    series: [
        {
            name: '水流',
            type: 'bar',
            stack: '农村劳动力', //分组
            data: data.villageProvinceOutTransfer
        },
        {
            name: '天气',
            type: 'bar',
            stack: '农村劳动力', //分组
            data: data.villageProvinceInCountyOutTransfer
        },
   
    ]
}

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!

Taro框架介绍 Previous
Linux部署flask项目 Next