Echarts在线免费图表

 
            let list = [
   {
      name: '综合办事效率',
      value: 8.32,
   },
   {
      name: '综合办事效率',
      value: 4.58,
   },
   {
      name: '综合办事效率',
      value: 7.96,
   },
   {
      name: '综合办事效率',
      value: 9.98,
   },
   {
      name: '综合办事效率',
      value: 5.18,
   }
]
let yName = list.map((item) => item.name)
let xData = list.map((item) => item.value)
let maxData = 10
option = {
   xAxis: {
      splitLine: {
         show: false,
      },
      axisLabel: {
         show: false,
      },
      axisTick: {
         show: false,
      },
      splitArea: { show: false },
      axisLine: {
         show: false,
      },
   },
   grid: {
      top: '25%',
      bottom: '25%',
      left: '25%',
      right: '35%',
   },
   yAxis: {
      inverse: true,
      axisLine: {
         show: false,
      },
      axisTick: {
         show: false,
      },
      axisLabel: {
         align: 'left',
         margin: 80,
         padding: [-35, 0, 0, 0],
         textStyle: {
            fontSize: 12,
            fontFamily: 'Bebas',
            color: '#6A93B9',
         },
         formatter(value) {
            return value
         },
      },
      data: yName,
   },
   series: [
      {
         type: 'pictorialBar',
         symbolRepeat: 'fixed',
         symbolClip: true,
         label: {
            show: true,
            formatter(params) {
               return params.value + ' 分'
            },
            position: 'right',
            color: '#6A93B9',
            fontSize: 12,
            fontFamily: 'Bebas',
         },
         symbol: 'image:// /asset/get/s/data-1636537644563-ILkx_hnOZ.png',//这个图替换即可 quanmei
         symbolSize: 30,
         symbolBoundingData: maxData,
         data: xData,
      },
      {
         type: 'pictorialBar',
         symbol: 'image:// /asset/get/s/data-1636537644563-ILkx_hnOZ.png',
         itemStyle: {
            opacity: 0.2,
         },
         symbolRepeat: 'fixed',
         symbolSize: 30,
         symbolBoundingData: maxData,
         data: xData,
         z: 5,
      }
   ],
};