Echarts在线免费图表

 
            option = {
  backgroundColor: '#0a142f',
  tooltip: {
    confine: true,
    trigger: 'axis',
    axisPointer: {
      type: 'shadow',
    },
    backgroundColor: 'rgba(3, 16, 42, 0.85)',
    borderColor: 'rgba(114, 190, 253, 0.6)',
    borderWidth: 1,
    padding: 12,
    formatter: '{b0}：{c0}',
  },
  animation: true,
  grid: {
    bottom: '15%',
    right: '5%',
  },
  xAxis: {
    data: ['低于15', '15-30', '30-45', '45-60', '60-75', '75以上'],
    axisLine: {
      lineStyle: {
        color: '#BAE7FF',
      },
    },
    axisTick: {
      lineStyle: {
        color: '#BAE7FF',
      },
    },
    splitLine: {
      show: false,
    },
    axisLabel: {
      show: true,
      margin: 14,
      fontSize: 11,
      color: '#BAE7FF',
    },
  },
  yAxis: [
    {
      name: '单位(人数)',
      nameTextStyle: {
        fontSize: 11,
        color: '#BAE7FF',
      },
      splitArea: { show: false },
      type: 'value',
      gridIndex: 0,
      minInterval: 1,
      // max: 100,
      // interval: 25,
      // splitNumber: 4,
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      axisLabel: {
        show: true,
        margin: 14,
        fontSize: 11,
        color: '#BAE7FF',
      },
    },
  ],
  series: [
    {
      name: '审限内结案率',
      data: [47, 46, 41, 46, 44, 90],
      type: 'pictorialBar',
      symbol: 'rect',
      symbolRepeat: true,
      symbolSize: [26, 8],
      symbolMargin: '50%',
      itemStyle: {
        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
          {
            offset: 0,
            color: '#1EE7E7',
          },
          {
            offset: 1,
            color: '#1890FF',
          },
        ]),
      }
    }
  ],
};