thsjzt/mybusiness/src/main/resources/static/visualization/allcharts/humanTh.js

var myChart_human = echarts.init(document.getElementById('jrbm'));

    option_human = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    
    grid: {
	top:'10%',
        left: '10%',
        right: '10%',
        bottom: '10%',
        containLabel: true
    },
    xAxis: {
        axisLine:{
        	show:false
        },
        axisLabel:{
        	show:false
        },
        splitLine:{
        	show:false
        },
    },
    yAxis: {
      
        type: 'category',
        data: ['住建局','法院','卫健委','公积金', '民政局','不动产','文旅局'],
        axisLine:{
        	lineStyle:{
        		color:'#00cdef'
        	}
        },
        axisTick:{
        	show:false
        },
   
    },
    
 
   
    series : [
        {
            type:'bar',
            barWidth:10,
            itemStyle: {        //上方显示数值
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'insideLeft', //在上方显示
                        textStyle: { //数值样式
                            color: 'white',
                            fontSize: 11
                        }
                    }
                }
            },
          data:[
              {
                value:10,
                
                itemStyle:{
                	
                color:new echarts.graphic.LinearGradient
                  	(
                1, 0, 0, 1,
                [
                   {offset: 0, color: '#00feff'},
                    {offset: 0.5, color: '#00feff'},
                    {offset: 0.8, color: '#0066cc'},
                    {offset: 1, color: '#0066cc'}
                ]
         
                  	)
              }
              }, 
              {
                value:20,
                itemStyle:{color:new echarts.graphic.LinearGradient
                  	(
                1, 0, 0, 1,
                [
                    {offset: 0, color: '#00ffb9'},
                    {offset: 0.5, color: '#26ddbe'},
                    {offset: 0.8, color: '#2ebc95'},
                    {offset: 1, color: '#2ebc95'}
                ]
         
                  	)
                  	
              }
              },
              {
                value:9,
                itemStyle:{
                color:new echarts.graphic.LinearGradient
                  	(
                1, 0, 0, 1,
                [
                    {offset: 0, color: '#fff442'},
                    {offset: 0.5, color: '#ffc300'},
                    {offset: 0.8, color: '#e4c52a'},
                    {offset: 1, color: '#ef8217'}
                ]
         
                  	)
              }
              },
              {
                value:8,
                itemStyle:{
                   color:new echarts.graphic.LinearGradient
                  	(
                1, 0, 0, 1,
                [
                    {offset: 0, color: '#ff9900'},
                    {offset: 0.5, color: '#ff9900'},
                    {offset: 0.8, color: '#cc6600'},
                    {offset: 1, color: '#cc6600'}
                ]
         
                  	)
              }
              },
                {
                value:7,
                itemStyle:{
                   color:new echarts.graphic.LinearGradient
                  	(
                1, 0, 0, 1,
                [
                    {offset: 0, color: '#ff0000'},
                    {offset: 0.5, color: '#ff0000'},
                    {offset: 0.8, color: '#7f0000'},
                    {offset: 1, color: '#7f0000'}
                ]
         
                  	)
              }
              },
			  {
			    value:6,
			    
			    itemStyle:{
			    	
			    color:new echarts.graphic.LinearGradient
			      	(
			    1, 0, 0, 1,
			    [
			       {offset: 0, color: '#00feff'},
			        {offset: 0.5, color: '#00feff'},
			        {offset: 0.8, color: '#0066cc'},
			        {offset: 1, color: '#0066cc'}
			    ]
			           
			      	)
			  }
			  }, 
			  {
			    value:5,
			    itemStyle:{color:new echarts.graphic.LinearGradient
			      	(
			    1, 0, 0, 1,
			    [
			        {offset: 0, color: '#00ffb9'},
			        {offset: 0.5, color: '#26ddbe'},
			        {offset: 0.8, color: '#2ebc95'},
			        {offset: 1, color: '#2ebc95'}
			    ]
			           
			      	)
			      	
			  }
			  },
			  {
			    value:4,
			    itemStyle:{
			    color:new echarts.graphic.LinearGradient
			      	(
			    1, 0, 0, 1,
			    [
			        {offset: 0, color: '#fff442'},
			        {offset: 0.5, color: '#ffc300'},
			        {offset: 0.8, color: '#e4c52a'},
			        {offset: 1, color: '#ef8217'}
			    ]
			           
			      	)
			  }
			  },
			  {
			    value:3,
			    itemStyle:{
			       color:new echarts.graphic.LinearGradient
			      	(
			    1, 0, 0, 1,
			    [
			        {offset: 0, color: '#ff9900'},
			        {offset: 0.5, color: '#ff9900'},
			        {offset: 0.8, color: '#cc6600'},
			        {offset: 1, color: '#cc6600'}
			    ]
			           
			      	)
			  }
			  },
			  
            ]
        }
    ]
    
};


myChart_human.setOption(option_human);