Echarts在线免费图表

 
            const sxnja = [
  93.67, 93.44, 94.34, 94.5, 97.82, 95.09, 95.79, 97.49, 93.72, 93.52, 97.78,
  91.14, 92.13, 95.45
];
const minNumber = 90;
const minArray = [];
sxnja.map((value) => {
  minArray.push(parseFloat((value - minNumber).toFixed(2)))
})
console.log(minArray)
let xaxisData = [
  '济南中院',
  '历下法院',
  '市中法院',
  '槐荫法院',
  '天桥法院',
  '历城法院',
  '长清法院',
  '章丘法院',
  '济阳法院',
  '莱芜法院',
  '钢城法院',
  '平阴法院',
  '商河法院',
  '高新法院'
];

option = {
   backgroundColor:'#000',
  title: {
    text: '单位/%',
    top: '4%',
    left: '3%',
    textStyle: {
      fontSize: '10px',
      fontWeight: 300,
      color: '#B5C5D4',
      opacity: 0.8
    }
  },
  tooltip: {
    valueFormatter: function (value) {
      return (value + minNumber).toFixed(2) + ' %';
    }
  },
  grid: {
    left: '1%',
    right: '0%',
    top: '16%',
    bottom: '5%',
    containLabel: true
  },
  xAxis: {
    type: 'category',
    data: xaxisData,
    axisLine: {
      show: true,
      lineStyle: {
        width: 1,
        color: '#545454'
      }
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      color: '#B5C5D4',
      fontSize: '10px',
      interval: 0
    }
  },
  yAxis: [
    {
      // type: 'value',
      // min: function (value) {
      //   return value.min*0.9;
      // },
      type: 'value',
      min: 0,
      max:100 - minNumber,
      // max: yAxisMax,
      axisLine: {
        show: false,
        lineStyle: {
          width: 1,
          color: '#545454'
        }
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: '#B2C2D3',
          opacity: 0.3,
          type: 'dotted'
        }
      },
      axisTick: {
        show: false
      },
      axisLabel: {
        color: '#B5C5D4',
        fontSize: '12px',
        formatter: (value) => {
          return value + minNumber
        }
      }
    }
  ],
  series: [
    {
      name: '审限内结案率',
      data: minArray,
      type: 'pictorialBar',
      symbol: 'roundRect',
      symbolRepeat: true,
      symbolSize: [20, 7],
      // symbolOffset: symbolOffset,
      // barWidth:'40%',
      itemStyle: {
        color: 'rgba(15, 189, 200, 1)'
      }
    }
  ]
};