lb #12
@@ -43,6 +43,7 @@ export default {
 | 
			
		||||
        },
 | 
			
		||||
        legend: {
 | 
			
		||||
          width: '72%',
 | 
			
		||||
          top: 0,
 | 
			
		||||
          right: 12,
 | 
			
		||||
          itemWidth: 12,
 | 
			
		||||
          itemHeight: 8,
 | 
			
		||||
@@ -73,6 +74,8 @@ export default {
 | 
			
		||||
        yAxis: {
 | 
			
		||||
          type: 'value',
 | 
			
		||||
          name: '成品率',
 | 
			
		||||
          min: 'dataMin',
 | 
			
		||||
          splitNumber: 3,
 | 
			
		||||
          nameTextStyle: {
 | 
			
		||||
            color: '#fffc',
 | 
			
		||||
            align: 'right',
 | 
			
		||||
@@ -95,11 +98,10 @@ export default {
 | 
			
		||||
        },
 | 
			
		||||
        series: [
 | 
			
		||||
          {
 | 
			
		||||
            name: '产线1',
 | 
			
		||||
            name: 'A',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            symbol: 'none',
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              // color: 'rgba(50,145,152,0.5)'
 | 
			
		||||
              color: {
 | 
			
		||||
                type: 'linear',
 | 
			
		||||
                x: 0,
 | 
			
		||||
@@ -121,14 +123,19 @@ export default {
 | 
			
		||||
            },
 | 
			
		||||
            data: Array(12)
 | 
			
		||||
              .fill(0)
 | 
			
		||||
              .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
              .map(_ => {
 | 
			
		||||
                let v = Math.floor(Math.random() * 100)
 | 
			
		||||
                while (v < 80) {
 | 
			
		||||
                  v = Math.floor(Math.random() * 100)
 | 
			
		||||
                }
 | 
			
		||||
                return v
 | 
			
		||||
              })
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '产线2',
 | 
			
		||||
            name: 'B',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            symbol: 'none',
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              // color: 'rgba(50,145,152,0.5)'
 | 
			
		||||
              color: {
 | 
			
		||||
                type: 'linear',
 | 
			
		||||
                x: 0,
 | 
			
		||||
@@ -150,95 +157,98 @@ export default {
 | 
			
		||||
            },
 | 
			
		||||
            data: Array(12)
 | 
			
		||||
              .fill(0)
 | 
			
		||||
              .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '产线3',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            symbol: 'none',
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              // color: 'rgba(50,145,152,0.5)'
 | 
			
		||||
              color: {
 | 
			
		||||
                type: 'linear',
 | 
			
		||||
                x: 0,
 | 
			
		||||
                y: 0,
 | 
			
		||||
                x2: 0,
 | 
			
		||||
                y2: 1,
 | 
			
		||||
                colorStops: [
 | 
			
		||||
                  {
 | 
			
		||||
                    offset: 0,
 | 
			
		||||
                    color: '#FF734566' // 0% 处的颜色
 | 
			
		||||
                  },
 | 
			
		||||
                  {
 | 
			
		||||
                    offset: 1,
 | 
			
		||||
                    color: 'transparent' // 100% 处的颜色
 | 
			
		||||
                  }
 | 
			
		||||
                ],
 | 
			
		||||
                global: false // 缺省为 false
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            data: Array(12)
 | 
			
		||||
              .fill(0)
 | 
			
		||||
              .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '产线4',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            symbol: 'none',
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              // color: 'rgba(50,145,152,0.5)'
 | 
			
		||||
              color: {
 | 
			
		||||
                type: 'linear',
 | 
			
		||||
                x: 0,
 | 
			
		||||
                y: 0,
 | 
			
		||||
                x2: 0,
 | 
			
		||||
                y2: 1,
 | 
			
		||||
                colorStops: [
 | 
			
		||||
                  {
 | 
			
		||||
                    offset: 0,
 | 
			
		||||
                    color: '#9452FF66' // 0% 处的颜色
 | 
			
		||||
                  },
 | 
			
		||||
                  {
 | 
			
		||||
                    offset: 1,
 | 
			
		||||
                    color: 'transparent' // 100% 处的颜色
 | 
			
		||||
                  }
 | 
			
		||||
                ],
 | 
			
		||||
                global: false // 缺省为 false
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            data: Array(12)
 | 
			
		||||
              .fill(0)
 | 
			
		||||
              .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            name: '产线5',
 | 
			
		||||
            type: 'line',
 | 
			
		||||
            symbol: 'none',
 | 
			
		||||
            areaStyle: {
 | 
			
		||||
              // color: 'rgba(50,145,152,0.5)'
 | 
			
		||||
              color: {
 | 
			
		||||
                type: 'linear',
 | 
			
		||||
                x: 0,
 | 
			
		||||
                y: 0,
 | 
			
		||||
                x2: 0,
 | 
			
		||||
                y2: 1,
 | 
			
		||||
                colorStops: [
 | 
			
		||||
                  {
 | 
			
		||||
                    offset: 0,
 | 
			
		||||
                    color: '#6A6E8766' // 0% 处的颜色
 | 
			
		||||
                  },
 | 
			
		||||
                  {
 | 
			
		||||
                    offset: 1,
 | 
			
		||||
                    color: 'transparent' // 100% 处的颜色
 | 
			
		||||
                  }
 | 
			
		||||
                ],
 | 
			
		||||
                global: false // 缺省为 false
 | 
			
		||||
              }
 | 
			
		||||
            },
 | 
			
		||||
            data: Array(12)
 | 
			
		||||
              .fill(0)
 | 
			
		||||
              .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
              .map(_ => {
 | 
			
		||||
                let v = Math.floor(Math.random() * 100)
 | 
			
		||||
                while (v < 80) {
 | 
			
		||||
                  v = Math.floor(Math.random() * 100)
 | 
			
		||||
                }
 | 
			
		||||
                return v
 | 
			
		||||
              })
 | 
			
		||||
          }
 | 
			
		||||
          // {
 | 
			
		||||
          //   name: '产线3',
 | 
			
		||||
          //   type: 'line',
 | 
			
		||||
          //   symbol: 'none',
 | 
			
		||||
          //   areaStyle: {
 | 
			
		||||
          //     color: {
 | 
			
		||||
          //       type: 'linear',
 | 
			
		||||
          //       x: 0,
 | 
			
		||||
          //       y: 0,
 | 
			
		||||
          //       x2: 0,
 | 
			
		||||
          //       y2: 1,
 | 
			
		||||
          //       colorStops: [
 | 
			
		||||
          //         {
 | 
			
		||||
          //           offset: 0,
 | 
			
		||||
          //           color: '#FF734566' // 0% 处的颜色
 | 
			
		||||
          //         },
 | 
			
		||||
          //         {
 | 
			
		||||
          //           offset: 1,
 | 
			
		||||
          //           color: 'transparent' // 100% 处的颜色
 | 
			
		||||
          //         }
 | 
			
		||||
          //       ],
 | 
			
		||||
          //       global: false // 缺省为 false
 | 
			
		||||
          //     }
 | 
			
		||||
          //   },
 | 
			
		||||
          //   data: Array(12)
 | 
			
		||||
          //     .fill(0)
 | 
			
		||||
          //     .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
          // },
 | 
			
		||||
          // {
 | 
			
		||||
          //   name: '产线4',
 | 
			
		||||
          //   type: 'line',
 | 
			
		||||
          //   symbol: 'none',
 | 
			
		||||
          //   areaStyle: {
 | 
			
		||||
          //     color: {
 | 
			
		||||
          //       type: 'linear',
 | 
			
		||||
          //       x: 0,
 | 
			
		||||
          //       y: 0,
 | 
			
		||||
          //       x2: 0,
 | 
			
		||||
          //       y2: 1,
 | 
			
		||||
          //       colorStops: [
 | 
			
		||||
          //         {
 | 
			
		||||
          //           offset: 0,
 | 
			
		||||
          //           color: '#9452FF66' // 0% 处的颜色
 | 
			
		||||
          //         },
 | 
			
		||||
          //         {
 | 
			
		||||
          //           offset: 1,
 | 
			
		||||
          //           color: 'transparent' // 100% 处的颜色
 | 
			
		||||
          //         }
 | 
			
		||||
          //       ],
 | 
			
		||||
          //       global: false // 缺省为 false
 | 
			
		||||
          //     }
 | 
			
		||||
          //   },
 | 
			
		||||
          //   data: Array(12)
 | 
			
		||||
          //     .fill(0)
 | 
			
		||||
          //     .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
          // },
 | 
			
		||||
          // {
 | 
			
		||||
          //   name: '产线5',
 | 
			
		||||
          //   type: 'line',
 | 
			
		||||
          //   symbol: 'none',
 | 
			
		||||
          //   areaStyle: {
 | 
			
		||||
          //     color: {
 | 
			
		||||
          //       type: 'linear',
 | 
			
		||||
          //       x: 0,
 | 
			
		||||
          //       y: 0,
 | 
			
		||||
          //       x2: 0,
 | 
			
		||||
          //       y2: 1,
 | 
			
		||||
          //       colorStops: [
 | 
			
		||||
          //         {
 | 
			
		||||
          //           offset: 0,
 | 
			
		||||
          //           color: '#6A6E8766' // 0% 处的颜色
 | 
			
		||||
          //         },
 | 
			
		||||
          //         {
 | 
			
		||||
          //           offset: 1,
 | 
			
		||||
          //           color: 'transparent' // 100% 处的颜色
 | 
			
		||||
          //         }
 | 
			
		||||
          //       ],
 | 
			
		||||
          //       global: false // 缺省为 false
 | 
			
		||||
          //     }
 | 
			
		||||
          //   },
 | 
			
		||||
          //   data: Array(12)
 | 
			
		||||
          //     .fill(0)
 | 
			
		||||
          //     .map(_ => Math.floor(Math.random() * 100))
 | 
			
		||||
          // }
 | 
			
		||||
        ]
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user