Echarts在线免费图表

 
            option = {
  backgroundColor: 'white',
  grid: {
    top: '20%',
    left: '2%',
    right: '2%',
    bottom: '8%',
    containLabel: true,
  },

  tooltip: {
    trigger: "axis",
  },
  xAxis: {
    data: ['设备设施', '作业活动', '基础类型'],
    axisLine: {
      show: true,
      lineStyle: {
        color: '#eeeeee',
      }
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      color: '#393939',
      fontSize: 12,
    },
  },
  yAxis: [{
    type: 'value',
    nameTextStyle: {
      color: "#000",
      fontSize: 14,
      padding: [0, 0, 0, 30]
    },
    axisLine: {
      show: true,
      lineStyle: {
        color: '#eeeeee',
      }
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      color: '#393939',
      fontSize: 14
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: '#eeeeee',
      }
    },
  }],
  series: [
    {
      type: 'bar',
      barWidth: 20,
      data: [90, 70, 98],
      itemStyle: {
        normal: {
          //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
          color: function (params) {
            var colorList = ['#56A1FB', '#0BCF95', '#65C7FE'];
            return colorList[params.dataIndex];
          }
        },
      },
    }
  ]
}