1.综合看板 对接接口实现部分数据渲染

loulijun2021

2022-08-01 3032fc5c1b188a820c7546da5b92a6b8d415f23a

 src/utils/myEcharts.js

@@ -350,10 +350,13 @@
}

// 综合看板图
export function bar02() {
  const data = [70, 60, 50, 40, 30]
export function bar02(val) {
  // console.log(val)
  // const data = [70, 60, 50, 40, 30]
  // const titlename = ['外观划伤', '表面油污', '尺寸', '颜色', '大小']
  const data = val.map(i => i.cont)
  const titlename = val.map(i => i.checkitem_name)

  const titlename = ['外观划伤', '表面油污', '尺寸', '颜色', '大小']
  const valdata = [683, 500, 400, 300, 200]
  const myColor = ['#FF0000', '#FF5511', '#FF8800', '#FFBB00', '#FFFF00']
  const option = {
@@ -684,3 +687,75 @@

  return option
}

// 采购订单图
export function pie01() {
  const option = {
    backgroundColor: 'transparent',
    title: {
      text: '60.21%',
      x: 'center',
      y: 'center',
      textStyle: {
        fontWeight: 'normal',
        color: '#fff',
        fontSize: 18
      }
    },
    color: ['rgba(176, 212, 251, 1)'],
    legend: {
      show: false,
      itemGap: 12,
      data: ['01', '02']
    },

    series: [
      {
        name: 'Line 1',
        type: 'pie',
        clockWise: true,
        radius: ['50%', '66%'],
        itemStyle: {
          normal: {
            label: {
              show: false
            },
            labelLine: {
              show: false
            }
          }
        },
        hoverAnimation: false,
        data: [
          {
            value: 80,
            name: '01',
            itemStyle: {
              normal: {
                color: { // 完成的圆环的颜色
                  colorStops: [{
                    offset: 0,
                    color: '#24d3ff' // 0% 处的颜色
                  }, {
                    offset: 1,
                    color: '#5580fe' // 100% 处的颜色
                  }]
                },
                label: {
                  show: false
                },
                labelLine: {
                  show: false
                }
              }
            }
          },
          {
            name: '02',
            value: 20
          }
        ]
      }]
  }
  return option
}