From 7f2ee35c29d09784244ec2b88d16c6d5fa3e0ae8 Mon Sep 17 00:00:00 2001 From: lb Date: Thu, 17 Nov 2022 10:53:00 +0800 Subject: [PATCH] =?UTF-8?q?update=203d=E4=BA=A7=E7=BA=BF=E6=88=90=E5=93=81?= =?UTF-8?q?=E7=8E=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/RightContentProductRate.vue | 196 +++++++++--------- 1 file changed, 103 insertions(+), 93 deletions(-) diff --git a/src/views/3DOverview/components/RightContentProductRate.vue b/src/views/3DOverview/components/RightContentProductRate.vue index f5f8557..908c581 100644 --- a/src/views/3DOverview/components/RightContentProductRate.vue +++ b/src/views/3DOverview/components/RightContentProductRate.vue @@ -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)) + // } ] } }