1

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
          title: {
            text: '',
            subtext: ''
          },
          tooltip: {
            trigger: 'axis',
            axisPointer: {
              type: 'shadow'
            }
          },
          legend: {
            icon:'circle',
            left: 'center',
            top:'5',
            show: true,
          },
          grid: {
            containLabel: true
          },
          xAxis: {
            type: 'category',
            data: ['宣汉','开江','巴中','平昌','通江 '],
          },
          yAxis: {
            type: 'value',
           
          },
          series: [
            {
              name: '建设用地流程转面积',
              type: 'bar',
              barWidth: '55%',
              stack: '数量',
              data: [11,20,30,26,53],
              itemStyle: {
                normal: {
                  //颜色渐变
                  color:'#FBDD76'
                }
              }
            },
            {
              name: '林地流传面积',
              type: 'bar',
              barWidth:30,
              stack: '数量',
              data:  [11,20,30,26,53],
              itemStyle: {
                normal: {
                  //颜色渐变
                  color: '#4DB9F6'
                }
              }
            },
            { 
              name: '耕地流转面积',
              type: 'bar',
              barWidth: 30,
              stack: '数量',
              data:  [11,20,30,26,53],
              itemStyle: {
                normal: {
                  //颜色渐变
                  color: "#30DBE9"
                }
              }
            },

          ]
        };