1.看板文字微调

loulijun2021

2024-04-02 facfd6f11cb9023f88da4d02a87305b564dabd6f

 src/utils/myEcharts.js

@@ -1745,7 +1745,7 @@
          textBorderColor: '#000',
          textBorderWidth: 1,
          textShadowBlur: 1,
          textShadowColor: colorY,
          textShadowColor: colorX,
          textShadowOffsetX: 0,
          textShadowOffsetY: 0,
          paddingTop: 10,
@@ -1797,7 +1797,7 @@
        splitLine: { // 分隔线
          length: 10, // 属性length控制线长
          lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
            color: colorY
            color: colorX
          }
        },
        axisLabel: {
@@ -1829,7 +1829,7 @@
          textBorderColor: '#000',
          textBorderWidth: 1,
          textShadowBlur: 1,
          textShadowColor: colorY,
          textShadowColor: colorX,
          textShadowOffsetX: 0,
          textShadowOffsetY: 0,
          paddingTop: 10,
@@ -1856,52 +1856,16 @@

// 车间质量
export function cjzl01(scaleData) {
  console.log(scaleData, 3)
  // var scaleData = [
  //   {
  //     'name': '毛刺',
  //     'value': 30
  //   },
  //   {
  //     'name': '色差',
  //     'value': 20
  //   },
  //   {
  //     'name': '抛光',
  //     'value': 10
  //   },
  //   {
  //     'name': '打磨',
  //     'value': 5
  //   },
  //   {
  //     'name': '折弯、压铸、打孔',
  //     'value': 10
  //   }
  // ]
  var rich = {
    white: {
      color: colorX,
      align: 'center',
      padding: [3, 0]
      // fontSize: 16
    }
  }
  var placeHolderStyle = {
    normal: {
      label: {
        show: false
      },
      labelLine: {
        show: false
      },
      color: 'rgba(0, 0, 0, 0)',
      borderColor: 'rgba(0, 0, 0, 0)',
      borderWidth: 0
      padding: [3, 0],
      fontSize: 20
    }
  }
  var data = []
  var color = ['#00ffff', '#ff3000', '#006ced', '#ffe000', '#ffa800', '#ff5b00', '#ff3000']
  var color = ['#00ffff', '#ff5b00', '#006ced', '#ffe000', '#ffa800', '#ff3000']
  for (var i = 0; i < scaleData.length; i++) {
    data.push({
      value: scaleData[i].value,
@@ -1915,11 +1879,6 @@
        }
      }
    }
    // {
    //   value: 2,
    //   name: '',
    //   itemStyle: placeHolderStyle
    // }
    )
  }
  var seriesObj = [{
@@ -1935,6 +1894,7 @@
          show: true,
          position: 'outside',
          color: colorX,
          fontSize: 20,
          formatter: function(params) {
            if (params.name !== '') {
              return params.name + '\n{white|' + params.value + '}'
@@ -1995,25 +1955,13 @@
    white: {
      color: '#ddd',
      align: 'center',
      padding: [5, 0]
      padding: [5, 0],
      fontSize: 20
    }
  }

  var placeHolderStyle = {
    normal: {
      label: {
        show: false
      },
      labelLine: {
        show: false
      },
      color: 'rgba(0, 0, 0, 0)',
      borderColor: 'rgba(0, 0, 0, 0)',
      borderWidth: 0
    }
  }
  var data = []
  var color = ['#00ffff', '#ff3000', '#006ced', '#ffe000', '#ffa800', '#ff5b00', '#ff3000']
  var color = ['#00ffff', '#ff3000', '#ffe000', '#ffa800', '#ff5b00']
  for (var i = 0; i < scaleData.length; i++) {
    data.push({
      value: scaleData[i].value,
@@ -2027,11 +1975,6 @@
        }
      }
    }
    //   {
    //   value: 4,
    //   name: '',
    //   itemStyle: placeHolderStyle
    // }
    )
  }
  var seriesObj = [{
@@ -2044,9 +1987,9 @@
    itemStyle: {
      normal: {
        label: {
          fontSize: 20,
          show: true,
          position: 'outside',
          // color: '#ddd',
          color: colorX,
          formatter: function(params) {
            // var percent = 0
@@ -2065,7 +2008,7 @@
        },
        labelLine: {
          length: 10,
          length2: 10,
          length2: 20,
          show: true,
          color: '#00ffff'
        }
@@ -2085,6 +2028,7 @@
      top: '45%',
      textAlign: 'center',
      textStyle: {
        // color: colorX,
        color: '#00ffff',
        fontSize: '20',
        fontWeight: 'bolder'
@@ -2110,349 +2054,33 @@
  return option
}

// export function cjzl03() {
// // mock数据
//   const dataArr = {
//     xdata: ['9月4号', '9月5号', '9月6号', '9月7号', '9月8号', '9月9号', '9月10号'],
//     vaccination: [1000, 1300, 1200, 800, 600, 700, 900],
//     unvaccinated: [700, 800, 900, 500, 300, 400, 500],
//     unvaccinatedTwo: [400, 300, 500, 200, 100, 100, 300],
//     rateDataOne: [98, 96, 97, 92, 94, 95, 100],
//     rateDataTwo: [3, 4, 5, 1, 3, 2, 3]
//   }
//
//   // tooltip
//   const tooltip = {
//     trigger: 'axis',
//     textStyle: { fontSize: '100%' },
//     formatter: params => {
//       const rander = params.map(item => item.seriesType !== 'pictorialBar' ? `<div>${item.seriesName}: ${item.seriesType !== 'line' ? item.value : item.value + '%'}</div>` : '').join('')
//       return `
//             <div>${params[0].axisValue}</div>
//             ${rander}
//         `
//     }
//   }
//   const legend = {
//     data: ['任务数', '合格数', '不良数', '合格率', '不良率'],
//     textStyle: { fontSize: 14, color: '#fff' },
//     itemWidth: 25,
//     itemHeight: 15,
//     itemGap: 15,
//     bottom: '5%',
//     selectedMode: false
//   }
//   const grid = {
//     left: '2%',
//     right: '2%',
//     bottom: '20%',
//     top: '10%',
//     containLabel: true
//   }
//   // xAxis
//   const xAxis = {
//     // axisTick: { show: true },
//     // axisLine: { lineStyle: { color: 'rgba(255,255,255, .2)' }},
//     // axisLabel: { textStyle: { fontSize: 12, color: '#fff' }},
//
//     type: 'category',
//     boundaryGap: true,
//     axisLabel: {
//       interval: 0,
//       formatter: '{value}',
//       fontSize: 14,
//       // margin: 20,
//       textStyle: {
//         color: colorX
//       }
//     },
//     axisLine: {
//       lineStyle: {
//         color: '#032c58'
//       }
//     },
//     splitLine: {
//       show: false,
//       lineStyle: {
//         color: '#032c58'
//       }
//     },
//     axisTick: {
//       show: false
//     },
//
//     data: dataArr.xdata
//   }
//
//   // yAxis
//   const yAxis = [{
//     // max: 800,
//     boundaryGap: false,
//     splitNumber: 4,
//     type: 'value',
//     axisLabel: {
//       textStyle: {
//         fontSize: 14,
//         color: colorY
//       }
//     },
//     // name: '单',
//     // nameTextStyle: {
//     //   color: colorY,
//     //   fontSize: 14,
//     //   lineHeight: 20
//     // },
//     splitLine: {
//       show: true,
//       lineStyle: {
//         color: '#032c58'
//       }
//     },
//     axisLine: {
//       show: true,
//       lineStyle: {
//         color: '#032c58'
//       }
//     },
//     axisTick: {
//       show: true
//     }
//     // axisTick: { show: false },
//     // axisLine: { show: false },
//     // splitLine: { lineStyle: { color: 'rgba(255,255,255, .05)' }},
//     // axisLabel: { textStyle: { fontSize: 16, color: '#fff' }}
//   }, {
//     show: true,
//     max: 100,
//     splitLine: { show: false },
//     axisLine: { show: false },
//     axisTick: { show: false },
//     axisLabel: {
//       textStyle: {
//         fontSize: 14,
//         color: colorY
//       },
//       formatter: params => {
//         return `${params}%`
//       }
//     }
//   }]
//
//   // series
//   const series = [{
//     z: 1,
//     name: '上部1',
//     type: 'pictorialBar',
//     symbolPosition: 'end',
//     data: dataArr.vaccination,
//     symbol: 'diamond',
//     symbolOffset: ['-50%', '-50%'],
//     symbolSize: [29, 19],
//     itemStyle: {
//       borderColor: '#2fffa4',
//       color: '#2fffa4'
//     }
//   },
//   {
//     z: 1,
//     type: 'bar',
//     name: '任务数',
//     barWidth: 30,
//     barGap: '-50%',
//     data: dataArr.vaccination,
//     itemStyle: {
//       color: {
//         type: 'linear',
//         x: 0, x2: 1, y: 0, y2: 0,
//         colorStops: [
//           { offset: 0, color: 'rgba(29, 245, 160, .7)' },
//           { offset: 0.5, color: 'rgba(29, 245, 160, .7)' },
//           { offset: 0.5, color: 'rgba(29, 245, 160, .3)' },
//           { offset: 1, color: 'rgba(29, 245, 160, .3)' }
//         ]
//       }
//     }
//   }, {
//     z: 2,
//     name: '上部1',
//     type: 'pictorialBar',
//     symbolPosition: 'end',
//     data: dataArr.unvaccinated,
//     symbol: 'diamond',
//     symbolOffset: [0, '-50%'],
//     symbolSize: [29, 19],
//     itemStyle: {
//       borderColor: '#32ffee',
//       color: '#32ffee'
//     }
//   },
//   {
//     z: 2,
//     type: 'bar',
//     name: '合格数',
//     barWidth: 30,
//     data: dataArr.unvaccinated,
//     itemStyle: {
//       color: {
//         type: 'linear',
//         x: 0, x2: 1, y: 0, y2: 0,
//         colorStops: [
//           { offset: 0, color: 'rgba(50, 255, 238, .7)' },
//           { offset: 0.5, color: 'rgba(50, 255, 238, .7)' },
//           { offset: 0.5, color: 'rgba(50, 255, 238, .3)' },
//           { offset: 1, color: 'rgba(50, 255, 238, .3)' }
//         ]
//       }
//     }
//   }, {
//     z: 3,
//     name: '上部1',
//     type: 'pictorialBar',
//     symbolPosition: 'end',
//     data: dataArr.unvaccinatedTwo,
//     symbol: 'diamond',
//     symbolOffset: ['50%', '-50%'],
//     symbolSize: [29, 19],
//     itemStyle: {
//       borderColor: '#ffd11a',
//       color: '#ffd11a'
//     }
//   }, {
//     z: 3,
//     type: 'bar',
//     name: '不良数',
//     barWidth: 30,
//     data: dataArr.unvaccinatedTwo,
//     itemStyle: {
//       color: {
//         type: 'linear',
//         x: 0, x2: 1, y: 0, y2: 0,
//         colorStops: [
//           { offset: 0, color: 'rgba(255, 209, 26, .7)' },
//           { offset: 0.5, color: 'rgba(255, 209, 26, .7)' },
//           { offset: 0.5, color: 'rgba(255, 209, 26, .3)' },
//           { offset: 1, color: 'rgba(255, 209, 26, .3)' }
//         ]
//       }
//     }
//   }, {
//     z: 9,
//     yAxisIndex: 1,
//     name: '合格率', type: 'line',
//     // symbol: 'emptyCircle',
//     symbol: `path://M9.312,4.594 C12.074,4.594 14.313,6.832 14.313,9.594 C14.313,12.355 12.074,14.594 9.312,14.594 C6.551,14.594 4.312,12.355 4.312,9.594 C4.312,6.832 6.551,4.594 9.312,4.594 Z`,
//     symbolSize: [10, 10],
//     color: {
//       type: 'linear', x: 1, y: 0, x2: 0, y2: 0,
//       // 0% 处的颜色                           // 100% 处的颜色
//       colorStops: [{ offset: 0, color: '#32ffee' }, { offset: 1, color: '#8afff5' }],
//       global: false // 缺省为 false
//     },
//     lineStyle: {
//       color: {
//         type: 'linear', x: 1, y: 0, x2: 0, y2: 0,
//         // 0% 处的颜色                           // 100% 处的颜色
//         colorStops: [{ offset: 0, color: '#32ffee' }, { offset: 1, color: '#8afff5' }],
//         global: false // 缺省为 false
//       }
//     },
//     // 修改的是线下区域的颜色
//     areaStyle: {
//       color: new echarts.graphic.LinearGradient(
//         // 右/下/左/上
//         0, 0, 0, 1, [
//           { offset: 0, color: 'rgba(50, 255, 238, .1)' },
//           { offset: 1, color: 'transparent' }
//         ])
//     },
//     label: {
//       show: true,
//       position: 'insideBottomLeft',
//       formatter: params => {
//         return `${params.value}%`
//       },
//       textStyle: { fontSize: 14, color: '#32ffee' }
//     },
//     data: dataArr.rateDataOne
//   }, {
//     z: 9,
//     yAxisIndex: 1,
//     name: '不良率', type: 'line',
//     symbol: `path://M9.312,4.594 C12.074,4.594 14.313,6.832 14.313,9.594 C14.313,12.355 12.074,14.594 9.312,14.594 C6.551,14.594 4.312,12.355 4.312,9.594 C4.312,6.832 6.551,4.594 9.312,4.594 Z`,
//     // symbol: 'emptyCircle',
//     symbolSize: [10, 10],
//     color: {
//       type: 'linear', x: 1, y: 0, x2: 0, y2: 0,
//       // 0% 处的颜色                           // 100% 处的颜色
//       colorStops: [{ offset: 0, color: colorX }, { offset: 1, color: '#fff5cc' }],
//       global: false // 缺省为 false
//     },
//     lineStyle: {
//       color: {
//         type: 'linear', x: 1, y: 0, x2: 0, y2: 0,
//         // 0% 处的颜色                           // 100% 处的颜色
//         colorStops: [{ offset: 0, color: colorX }, { offset: 1, color: '#fff5cc' }],
//         global: false // 缺省为 false
//       }
//     },
//     // 修改的是线下区域的颜色
//     areaStyle: {
//       color: new echarts.graphic.LinearGradient(
//         // 右/下/左/上
//         0, 0, 0, 1, [
//           { offset: 0, color: 'rgba(255, 209, 26, .2)' },
//           { offset: 1, color: 'transparent' }
//         ])
//     },
//     label: {
//       show: true,
//       position: 'insideBottomRight',
//       formatter: params => {
//         return `${params.value}%`
//       },
//       // textStyle: { fontSize: 14, color: '#ffd11a' }
//       textStyle: { fontSize: 14, color: colorX }
//     },
//     data: dataArr.rateDataTwo
//   }]
//   // const option = { tooltip, xAxis, yAxis, series, grid, legend, backgroundColor: 'rgba(0, 0, 0, .7)' }
//   const option = { xAxis, yAxis, series, grid, legend, backgroundColor: 'transparent' }
//   return option
// }

export function cjzl04() {
export function cjzl03(xData, legendData, yData, show) { // 左侧
  return {
    backgroundColor: 'transparent',
    tooltip: {},
    // title: {
    //   text: '订单完成总数',
    //   left: '50%',
    //   top: '5%',
    //   textAlign: 'center',
    //   textStyle: {
    //     // color: '#fff',
    //     color: '#00ffff',
    //     fontSize: '20',
    //     fontWeight: 'bolder'
    //   }
    // },
    // tooltip: {},
    title: {
      show: show,
      text: '各车间不良趋势',
      left: '50%',
      top: '3%',
      textAlign: 'center',
      textStyle: {
        // color: '#fff',
        color: '#00ffff',
        fontSize: '20',
        fontWeight: 'bolder'
      }
    },
    grid: {
      left: '2%',
      right: '2%',
      bottom: '20%',
      top: '10%',
      top: '15%',
      containLabel: true
    },
    legend: {
      // show: true,
      // itemGap: 20,
      // data: ['注册总量', '最新注册量'],
      // textStyle: {
      //   color: '#f9f9f9',
      //   borderColor: '#fff'
      // }
      data: ['精工车间', '装配车间', '机加工车间', '抛光车间', '打磨车间'],
      textStyle: { fontSize: 14, color: '#fff' },
      data: legendData,
      textStyle: { fontSize: 16, color: '#fff' },
      itemWidth: 25,
      itemHeight: 10,
      itemGap: 15,
@@ -2465,7 +2093,7 @@
      axisLabel: {
        interval: 0,
        formatter: '{value}',
        fontSize: 14,
        fontSize: 16,
        margin: 20,
        textStyle: {
          color: colorX
@@ -2485,7 +2113,7 @@
      axisTick: {
        show: false
      },
      data: ['9月4号', '9月5号', '9月6号', '9月7号', '9月8号', '9月9号', '9月10号']
      data: xData
    }],
    yAxis: [
      {
@@ -2495,8 +2123,8 @@
        type: 'value',
        axisLabel: {
          textStyle: {
            fontSize: 14,
            color: colorY
            fontSize: 18,
            color: colorX
          }
        },
        // name: '单',
@@ -2524,7 +2152,7 @@
    ],
    series: [
      {
        name: '精工车间',
        name: legendData[0],
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
@@ -2533,20 +2161,21 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: `rgb(71, 226, 194)` // 线条颜色
            color: '#00ffff' // 线条颜色
          },
          borderColor: `rgb(71, 226, 194)`
          borderColor: '#00ffff'
        },
        // label: {
        //   show: true,
        //   position: 'top',
        //   textStyle: {
        //     color: '#fff'
        //   }
        // },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        itemStyle: {
          normal: {
            color: `rgb(71, 226, 194)`
            color: '#00ffff'
          }
        },
        tooltip: {
@@ -2568,11 +2197,10 @@
        //     shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
        //   }
        // },
        data: [393, 438, 485, 631, 689, 824, 987]
        // data: [600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100)]
        data: yData[0]
      },
      {
        name: '装配车间',
        name: legendData[1],
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
@@ -2581,20 +2209,21 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: '#32ffee' // 线条颜色
            color: '#ff3000' // 线条颜色
          },
          borderColor: '#32ffee'
          borderColor: '#ff3000'
        },
        // label: {
        //   show: true,
        //   position: 'top',
        //   textStyle: {
        //     color: '#fff'
        //   }
        // },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        itemStyle: {
          normal: {
            color: '#32ffee'
            color: '#ff3000'
          }
        },
        tooltip: {
@@ -2616,11 +2245,10 @@
        //     shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
        //   }
        // },
        // data: [393, 438, 485, 631, 689, 824, 987]
        data: [10, 102, 30, 203, 40, 20, 405]
        data: yData[1]
      },
      {
        name: '机加工车间',
        name: legendData[2],
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
@@ -2629,20 +2257,21 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: '#ffd11a' // 线条颜色
            color: '#ffe000' // 线条颜色
          },
          borderColor: '#ffd11a'
          borderColor: '#ffe000'
        },
        // label: {
        //   show: true,
        //   position: 'top',
        //   textStyle: {
        //     color: '#fff'
        //   }
        // },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        itemStyle: {
          normal: {
            color: '#ffd11a'
            color: '#ffe000'
          }
        },
        tooltip: {
@@ -2664,11 +2293,10 @@
        //     shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
        //   }
        // },
        data: [93, 48, 45, 61, 89, 84, 97]
        // data: [600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100)]
        data: yData[2]
      },
      {
        name: '抛光车间',
        name: legendData[3],
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
@@ -2677,20 +2305,21 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: `rgb(254, 94, 94)` // 线条颜色
            color: '#ffa800' // 线条颜色
          },
          borderColor: `rgb(254, 94, 94)`
          borderColor: '#ffa800'
        },
        // label: {
        //   show: true,
        //   position: 'top',
        //   textStyle: {
        //     color: '#fff'
        //   }
        // },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        itemStyle: {
          normal: {
            color: `rgb(254, 94, 94)`
            color: '#ffa800'
          }
        },
        tooltip: {
@@ -2712,11 +2341,10 @@
        //     shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
        //   }
        // },
        data: [33, 438, 48, 63, 69, 82, 487]
        // data: [600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100)]
        data: yData[3]
      },
      {
        name: '打磨车间',
        name: legendData[4],
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
@@ -2725,20 +2353,21 @@
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: `rgb(255, 221, 97)` // 线条颜色
            color: '#ff5b00' // 线条颜色
          },
          borderColor: `rgb(255, 221, 97)`
          borderColor: '#ff5b00'
        },
        // label: {
        //   show: true,
        //   position: 'top',
        //   textStyle: {
        //     color: '#fff'
        //   }
        // },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        itemStyle: {
          normal: {
            color: `rgb(255, 221, 97)`
            color: '#ff5b00'
          }
        },
        tooltip: {
@@ -2760,325 +2389,18 @@
        //     shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
        //   }
        // },
        data: [93, 38, 85, 666, 555, 444, 333]
        // data: [600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100), 600 + Math.floor(Math.random() * 100)]
        data: yData[4]
      }

    ]
  }
}

// export function cjzl03() {
//   const option = {
//     backgroundColor: 'transparent',
//     grid: {
//       left: '2%',
//       top: '10%',
//       right: '2%',
//       bottom: '20%',
//       containLabel: true
//     },
//     legend: {
//       // show: true,
//       // itemGap: 20,
//       // data: ['注册总量', '最新注册量'],
//       // textStyle: {
//       //   color: '#f9f9f9',
//       //   borderColor: '#fff'
//       // }
//       data: ['完成数', '完成率'],
//       textStyle: { fontSize: 14, color: '#fff' },
//       itemWidth: 25,
//       itemHeight: 10,
//       itemGap: 15,
//       bottom: '5%',
//       selectedMode: false
//     },
//     // tooltip: {
//     //   show: true,
//     //   trigger: 'axis', // axis , item
//     //   backgroundColor: 'RGBA(0, 0, 0, 0.3)',
//     //   borderColor: 'rgba(0, 151, 251, 0.6)',
//     //   borderWidth: 1,
//     //   borderRadius: 0,
//     //   textStyle: {
//     //     color: '#BCE9FC',
//     //     fontSize: 14,
//     //     align: 'left'
//     //   },
//     //   // formatter:'{b0}<br />{a0}:{c0}<br />{a1}:{c4}%'
//     //
//     //   // formatter: '{b0}<br/>' +
//     //   //   '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgb(255,224,144)"></span>提出再审检察建议数:{c0}<br/>' +
//     //   //   '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgb(72,226,198)"></span>采纳率:{c4}%<br/>'
//     //
//     //   formatter: function(params) {
//     //     var res = '' + params[0].name
//     //     var valueMap = new Map()
//     //     for (var i = 0, l = params.length; i < l; i++) {
//     //       if (params[i].value !== '-') {
//     //         valueMap.set(params[i].seriesName, params[i])
//     //       }
//     //     }
//     //     valueMap.forEach((value, key) => {
//     //       if (value.seriesName === '提出再审检察建议数') {
//     //         res += '<br/>' + value.marker + value.seriesName + ' : ' + value.value
//     //       } else if (value.seriesName === '采纳率' && value.value !== '-') {
//     //         res += '<br/>' + value.marker + value.seriesName + ' : ' + value.value
//     //       }
//     //     })
//     //     return res
//     //   }
//     //
//     // },
//     xAxis: {
//       type: 'category',
//       boundaryGap: true,
//       axisLabel: {
//         interval: 0,
//         formatter: '{value}',
//         fontSize: 14,
//         margin: 20,
//         textStyle: {
//           color: colorX
//         }
//       },
//       axisLine: {
//         lineStyle: {
//           color: '#032c58'
//         }
//       },
//       splitLine: {
//         show: false,
//         lineStyle: {
//           color: '#032c58'
//         }
//       },
//       axisTick: {
//         show: false
//       },
//       data: ['精工车间', '机加工车间', '车船车间', '粗车车间', '车船车间']
//     },
//     yAxis: [
//       {
//         boundaryGap: false,
//         // splitNumber: 4,
//         type: 'value',
//         // max: 100,
//         axisLabel: {
//           textStyle: {
//             fontSize: 14,
//             color: colorY
//           }
//         },
//         nameTextStyle: {
//           color: '#fff',
//           fontSize: 14,
//           lineHeight: 40
//         },
//         splitLine: {
//           show: true,
//           lineStyle: {
//             color: '#032c58'
//           }
//         },
//         axisLine: {
//           show: true,
//           lineStyle: {
//             color: '#032c58'
//           }
//         },
//         axisTick: {
//           show: false
//         }
//       },
//       {
//         boundaryGap: false,
//         splitNumber: 4,
//         type: 'value',
//         axisLabel: {
//           textStyle: {
//             fontSize: 14,
//             color: colorY
//           }
//         },
//         nameTextStyle: {
//           color: '#fff',
//           fontSize: 14,
//           lineHeight: 40
//         },
//         splitLine: {
//           lineStyle: {
//             color: '#032c58'
//           }
//         },
//         axisLine: {
//           show: false,
//           lineStyle: {
//             color: '#032c58'
//           }
//         },
//         axisTick: {
//           show: false
//         }
//       }
//     ],
//     series: [
//       {
//         name: '完成数',
//         type: 'bar',
//         yAxisIndex: 0,
//         showSymbol: true,
//         showAllSymbol: true,
//         symbolSize: 4,
//         barWidth: 14,
//         zlevel: 1,
//         itemStyle: {
//           color: {
//             type: 'linear',
//             x: 0,
//             y: 0,
//             x2: 0,
//             y2: 1,
//             colorStops: [{
//               offset: 0,
//               color: `rgba(255,224,144,1)` // 0% 处的颜色
//             }, {
//               offset: 1,
//               color: `rgba(72,226,198,1)` // 100% 处的颜色
//             }]
//           }
//         },
//         label: {
//           show: false,
//           position: 'top',
//           distance: 10,
//           fontSize: 16,
//           fontFamily: 'DIN',
//           color: '#ffffff',
//           zlevel: 4,
//           z: 10,
//           formatter: '{c}%'
//         },
//         data: [560, 760, 850, 490, 380]
//       },
//       {
//         // 值分隔
//         type: 'pictorialBar',
//         itemStyle: {
//           normal: {
//             color: '#0F375F'
//           }
//         },
//         symbolRepeat: 'fixed',
//         symbolMargin: 3,
//         symbol: 'rect',
//         symbolClip: true,
//         symbolSize: [14, 3],
//         symbolPosition: 'start',
//         symbolOffset: [0, -1],
//         // symbolBoundingData: this.total,
//         // data: [100, 100, 100, 100, 100],
//         data: [1000, 1000, 1000, 1000, 1000],
//         width: 25,
//         z: 0,
//         zlevel: 2
//       },
//       {
//         // 辅助背景图形
//         name: '任务数',
//         type: 'bar', // pictorialBar
//         barWidth: '14',
//         barGap: '-100%',
//         itemStyle: {
//           normal: {
//             borderWidth: 0,
//             // color: 'rgba(146,158,48,0)'
//             color: 'rgba(146,158,48,0)'
//           },
//           barBorderRadius: 10
//         },
//         data: [800, 900, 1000, 600, 700],
//         z: 0,
//         zlevel: 0
//       },
//       {
//         name: '完成率',
//         type: 'line',
//         yAxisIndex: 1,
//         showSymbol: true,
//         showAllSymbol: true,
//         symbolSize: 6,
//         barWidth: 14,
//         zlevel: 3,
//         lineStyle: {
//           normal: {
//             width: 2,
//             color: `rgba(72,226,198)`
//           }
//         },
//         areaStyle: {
//           normal: {
//             color: {
//               type: 'linear',
//               x: 0,
//               y: 0,
//               x2: 0,
//               y2: 1,
//               colorStops: [
//                 {
//                   offset: 0,
//                   color: `rgba(72,226,198, 0.3)`// 0% 处的颜色
//                 },
//                 {
//                   offset: 1,
//                   color: `rgba(72,226,198, 0.2)` // 100% 处的颜色
//                 }
//               ],
//               globalCoord: false // 缺省为 false
//             } // 渐变颜色
//           }
//         },
//         itemStyle: {
//           normal: {
//             color: {
//               type: 'linear',
//               x: 0,
//               y: 0,
//               x2: 0,
//               y2: 1,
//               colorStops: [
//                 {
//                   offset: 0,
//                   color: `rgba(72,226,198, 1)`// 0% 处的颜色
//                 },
//                 {
//                   offset: 1,
//                   color: `rgba(72,226,198, 0.2)` // 100% 处的颜色
//                 }
//               ],
//               globalCoord: false // 缺省为 false
//             } // 渐变颜色
//           }
//         },
//         data: [70, 80, 90, 20, 30]
//       }
//     ]
//   }
//   return option
// }

export function cjzl03() {
  const data1 = [300, 100, 200, 200, 100]
  const data2 = [300, 200, 300, 300, 400]

  // let percent=[]

export function cjzl04(xData, data1, data2, data3) { // 右侧
  const option = {
    backgroundColor: 'transparent',
    grid: {
      left: '2%',
      top: '10%',
      top: '12%',
      right: '2%',
      bottom: '20%',
      containLabel: true
@@ -3092,7 +2414,7 @@
      //   borderColor: '#fff'
      // }
      data: ['完成数', '任务数', '完成率'],
      textStyle: { fontSize: 14, color: '#fff' },
      textStyle: { fontSize: 16, color: '#fff' },
      itemWidth: 25,
      itemHeight: 10,
      itemGap: 15,
@@ -3105,7 +2427,7 @@
      axisLabel: {
        interval: 0,
        formatter: '{value}',
        fontSize: 14,
        fontSize: 16,
        margin: 20,
        textStyle: {
          color: colorX
@@ -3125,7 +2447,7 @@
      axisTick: {
        show: false
      },
      data: ['精工车间', '机加工车间', '装配车间', '粗车车间', '包装车间']
      data: xData
    },
    yAxis: [
      {
@@ -3135,8 +2457,8 @@
        // max: 100,
        axisLabel: {
          textStyle: {
            fontSize: 14,
            color: colorY
            fontSize: 16,
            color: colorX
          }
        },
        nameTextStyle: {
@@ -3167,13 +2489,13 @@
        type: 'value',
        axisLabel: {
          textStyle: {
            fontSize: 14,
            color: colorY
            fontSize: 16,
            color: colorX
          }
        },
        nameTextStyle: {
          color: '#fff',
          fontSize: 14,
          fontSize: 16,
          lineHeight: 40
        },
        splitLine: {
@@ -3195,69 +2517,42 @@
    ],
    series: [
      { // 三个最底下的圆片
        'name': '',
        'name': '完成数',
        'type': 'pictorialBar',
        'symbolSize': [45, 25],
        'symbolOffset': [0, 10],
        'z': 12,
        color: `rgb(37,196,238)`,
        itemStyle: {
          opacity: 1,
          color: function(params) {
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#00EC28' // 0% 处的颜色
              color: `rgb(37,196,238)` // 0% 处的颜色
            }, {
              offset: 1,
              color: '#5DF076'// 100% 处的颜色
              color: `rgb(37,196,238)`// 100% 处的颜色
            }], false)
          }
          // color: function(params) {
          //   var a = params.name.slice(0, 2)
          //   if (a === '精工') {
          //     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          //       offset: 0,
          //       color: '#FF9A22' // 0% 处的颜色
          //     }, {
          //       offset: 1,
          //       color: '#FFD56E'// 100% 处的颜色
          //     }], false)
          //   } else if (a === '机加' || a === '粗车') {
          //     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          //       offset: 0,
          //       color: '#00EC28' // 0% 处的颜色
          //     }, {
          //       offset: 1,
          //       color: '#5DF076'// 100% 处的颜色
          //     }], false)
          //   } else if (a === '装配' || a === '包装') {
          //     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          //       offset: 0,
          //       color: '#12B9DB' // 0% 处的颜色
          //     }, {
          //       offset: 1,
          //       color: '#6F8EF2'// 100% 处的颜色
          //     }], false)
          //   }
          // }
        },
        'data': [1, 1, 1, 1, 1]
      },

      // 下半截柱状图
      {
        name: '完成数',
        name: '',
        type: 'bar',
        barWidth: 45,
        barGap: '-100%',
        itemStyle: { // lenged文本
          opacity: 0.7,
          opacity: 1,
          color: function(params) {
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#00EC28' // 0% 处的颜色
              color: `rgb(35,131,180)` // 0% 处的颜色
            }, {
              offset: 1,
              color: '#5DF076'// 100% 处的颜色
              color: `rgb(35,131,180)`// 100% 处的颜色
            }], false)
          }
        },
@@ -3276,10 +2571,8 @@
          normal: {
            show: true,
            position: 'left',

            fontSize: 14,
            fontSize: 16,
            color: colorX,
            // offset: [-50, 15],
            zIndex: 10
          }
        },
@@ -3311,10 +2604,10 @@
          color: function(params) {
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#00EC28' // 0% 处的颜色
              color: `rgb(37,196,238)` // 0% 处的颜色
            }, {
              offset: 1,
              color: '#5DF076'// 100% 处的颜色
              color: `rgb(37,196,238)`// 100% 处的颜色
            }], false)
          }
        },
@@ -3336,15 +2629,13 @@
          normal: {
            show: true,
            position: 'top',

            fontSize: 14,
            color: colorX,
            fontSize: 16,
            color: '#fff',
            offset: [0, -5]
          }
        },
        data: data2
      },

      {
        name: '完成率',
        type: 'line',
@@ -3357,7 +2648,7 @@
        lineStyle: {
          normal: {
            width: 2,
            color: `rgba(72, 226, 198)`
            color: `rgb(108,237,100)`
          }
        },
        // areaStyle: {
@@ -3393,11 +2684,11 @@
              colorStops: [
                {
                  offset: 0,
                  color: `rgba(72, 226, 198, 1)`// 0% 处的颜色
                  color: `rgb(108,237,100)`// 0% 处的颜色
                },
                {
                  offset: 1,
                  color: `rgba(72, 226, 198, 0.2)` // 100% 处的颜色
                  color: `rgb(108,237,100)` // 100% 处的颜色
                }
              ],
              globalCoord: false // 缺省为 false
@@ -3416,9 +2707,457 @@
            // offset: [0, -5]
          }
        },
        data: [100, 50, 66.7, 66.7, 25]
        data: data3
      }
    ]
  }
  return option
}

export function all01(xData2, yData) {
  // var xData2 = ['123', '21', '32', '23', '1233']
  var data1 = yData.map(i => i.quantity)
  var data2 = yData.map(i => i.plan_qty)
  var barWidth = 30
  const option = {
    backgroundColor: 'transparent',
    // tooltip: {
    //   trigger: 'item'
    // },
    grid: {
      left: '2%',
      top: '20%',
      right: '2%',
      bottom: '5%',
      containLabel: true
    },
    title: {
      text: '各车间近一月订单数/入库数量',
      left: '50%',
      top: '0%',
      textAlign: 'center',
      textStyle: {
        color: 'rgba(0,255,255,0.8)',
        fontSize: '20',
        fontWeight: 'bolder'
      }
    },
    xAxis: {
      data: xData2,
      type: 'category',
      boundaryGap: true,
      axisLabel: {
        interval: 0,
        formatter: '{value}',
        fontSize: 16,
        margin: 20,
        textStyle: {
          color: colorX
        }
      },
      axisLine: {
        lineStyle: {
          color: '#032c58'
        }
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: '#032c58'
        }
      },
      axisTick: {
        show: false
      }
    },
    yAxis: {
      boundaryGap: false,
      // splitNumber: 4,
      type: 'value',
      // max: 100,
      axisLabel: {
        textStyle: {
          fontSize: 16,
          color: colorX
        }
      },
      nameTextStyle: {
        color: '#fff',
        fontSize: 16,
        lineHeight: 40
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: '#032c58'
        }
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: '#032c58'
        }
      },
      axisTick: {
        show: false
      }
    },
    series: [
      { // 上半截柱子
        name: '2019',
        type: 'bar',
        barWidth: barWidth,
        barGap: '-100%',
        z: 0,
        itemStyle: {
          color: '#163F7A',
          opacity: 0.7
        },
        data: data2
      },
      { // 下半截柱子
        name: '2020',
        type: 'bar',
        barWidth: barWidth,
        barGap: '-100%',
        itemStyle: { // lenged文本
          opacity: 0.7,
          color: function(params) {
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#12B9DB' // 0% 处的颜色
            }, {
              offset: 1,
              color: '#6F8EF2' // 100% 处的颜色
            }], false)
          }
        },
        data: data1
      },
      { // 替代柱状图 默认不显示颜色，是最下方柱图（邮件营销）的value值 - 20
        type: 'bar',
        barWidth: barWidth,
        barGap: '-100%',
        stack: '广告',
        itemStyle: {
          color: 'transparent'
        },
        label: {
          normal: {
            show: true,
            position: 'left',
            fontSize: 16,
            color: colorX,
            zIndex: 10
          }
        },
        data: data1
      },
      { // 上半截柱子顶部圆片
        'name': '',
        'type': 'pictorialBar',
        'symbolSize': [barWidth, 15],
        'symbolOffset': [0, -10],
        'z': 12,
        'symbolPosition': 'end',
        itemStyle: {
          color: '#163F7A',
          opacity: 1
        },
        label: {
          show: true,
          position: 'top',
          fontSize: 16,
          color: '#fff'
        },
        'data': data2
      },
      { // 下半截柱子顶部圆片
        'name': '',
        'type': 'pictorialBar',
        'symbolSize': [barWidth, 15],
        'symbolOffset': [0, -10],
        'z': 12,
        itemStyle: {
          opacity: 1,
          color: function(params) {
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#12B9DB' // 0% 处的颜色
            }, {
              offset: 1,
              color: '#6F8EF2' // 100% 处的颜色
            }], false)
          }
        },
        // label: {
        //   show: true,
        //   position: 'top',
        //   fontSize: 16,
        //   color: '#fff'
        // // formatter:(item)=>{
        // //     console.log(item)
        // //     return 'ssss'
        // // }
        // },
        'symbolPosition': 'end',
        'data': data1
      },
      { // 下半截柱子底部圆片
        'name': '',
        'type': 'pictorialBar',
        'symbolSize': [barWidth, 15],
        'symbolOffset': [0, 5],
        'z': 12,
        itemStyle: {
          opacity: 1,
          color: function(params) {
            return new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: '#12B9DB' // 0% 处的颜色
            }, {
              offset: 1,
              color: '#6F8EF2' // 100% 处的颜色
            }], false)
          }
        },
        'data': [1, 1, 1, 1, 1]
      },
      {
        name: '第一圈',
        type: 'pictorialBar',
        symbolSize: [47, 16],
        symbolOffset: [0, 11],
        z: 11,
        itemStyle: {
          normal: {
            color: 'transparent',
            borderColor: '#00ffff',
            borderWidth: 2
          }
        },
        data: [1, 1, 1, 1, 1]
      },
      {
        name: '第二圈',
        type: 'pictorialBar',
        symbolSize: [62, 22],
        symbolOffset: [0, 17],
        z: 10,
        itemStyle: {
          normal: {
            color: 'transparent',
            borderColor: '#00ffff',
            borderWidth: 2
          }
        },
        data: [1, 1, 1, 1, 1]
      }
    ]
  }

  return option
}

export function all02(data) {
  return {
    backgroundColor: 'transparent',
    // tooltip: {},
    title: {
      text: '每月订单数量/出库数量',
      left: '50%',
      top: '0%',
      textAlign: 'center',
      textStyle: {
        // color: '#fff',
        color: '#00ffff',
        fontSize: '20',
        fontWeight: 'bolder'
      }
    },
    grid: {
      left: '4%',
      right: '4%',
      bottom: '4%',
      top: '15%',
      containLabel: true
    },
    // legend: {
    //   show: false,
    //   itemGap: 50,
    //   data: ['注册总量', '最新注册量'],
    //   textStyle: {
    //     color: '#f9f9f9',
    //     borderColor: '#fff'
    //   }
    // },
    xAxis: [{
      type: 'category',
      boundaryGap: true,
      axisLabel: {
        interval: 0,
        formatter: '{value}',
        fontSize: 16,
        margin: 20,
        textStyle: {
          color: colorX
        }
      },
      axisLine: {
        lineStyle: {
          color: '#032c58'
        }
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: '#032c58'
        }
      },
      axisTick: {
        show: false
      },
      data: data.map(i => i.Month)
    }],
    yAxis: [
      {
        // max: 800,
        boundaryGap: false,
        splitNumber: 4,
        type: 'value',
        axisLabel: {
          textStyle: {
            fontSize: 16,
            color: colorX
          }
        },
        // name: '单',
        // nameTextStyle: {
        //   color: colorY,
        //   fontSize: 14,
        //   lineHeight: 20
        // },
        splitLine: {
          show: true,
          lineStyle: {
            color: '#032c58'
          }
        },
        axisLine: {
          show: true,
          lineStyle: {
            color: '#032c58'
          }
        },
        axisTick: {
          show: true
        }
      }
    ],
    series: [
      {
        name: '注册总量',
        type: 'line',
        // smooth: true, //是否平滑曲线显示
        //          symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
        showAllSymbol: true,
        symbol: 'emptyCircle',
        symbolSize: 6,
        lineStyle: {
          normal: {
            color: '#28ffb3' // 线条颜色
          },
          borderColor: '#f0f'
        },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        itemStyle: {
          normal: {
            color: '#28ffb3'

          }
        },
        tooltip: {
          show: false
        },
        areaStyle: { // 区域填充样式
          normal: {
            // 线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: 'rgba(0,154,120,1)'
            },
            {
              offset: 1,
              color: 'rgba(0,0,0, 0)'
            }
            ], false),
            shadowColor: 'rgba(53,142,215, 0.9)', // 阴影颜色
            shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
          }
        },
        data: data.map(i => i.quantity)
      },
      {
        name: '最新注册量',
        type: 'line',
        barWidth: 20,
        tooltip: {
          show: false
        },
        label: {
          show: true,
          position: 'top',
          textStyle: {
            fontSize: 16,
            color: '#fff'
          }
        },
        areaStyle: { // 区域填充样式
          normal: {
            // 线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
              offset: 0,
              color: 'rgba(0,154,120,1)'
            },
            {
              offset: 1,
              color: 'rgba(0,0,0, 0)'
            }
            ], false),
            shadowColor: 'rgba(53,142,215, 0.9)', // 阴影颜色
            shadowBlur: 20 // shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
          }
        },
        // itemStyle: {
        //   normal: {
        //     // barBorderRadius: 5,
        //     // color: new echarts.graphic.LinearGradient(
        //     //     0, 0, 0, 1,
        //     //     [{
        //     //             offset: 0,
        //     //             color: '#14c8d4'
        //     //         },
        //     //         {
        //     //             offset: 1,
        //     //             color: '#43eec6'
        //     //         }
        //     //     ]
        //     // )
        //     color: function(params) {
        //       var colorList = ['#0ec1ff', '#10cdff', '#12daff', '#15ebff', '#17f8ff', '#1cfffb', '#1dfff1']
        //       return colorList[params.dataIndex]
        //     }
        //   }
        // },
        data: data.map(i => i.ouquantity)
      }
    ]
  }
}