@@ -15,9 +15,6 @@ const ProcessCircle = { | |||||
default: () => ({}) | default: () => ({}) | ||||
} | } | ||||
}, | }, | ||||
mounted() { | |||||
console.log('finished', this.injectData.finished) | |||||
}, | |||||
methods: {}, | methods: {}, | ||||
render: function(h) { | render: function(h) { | ||||
return h('el-progress', { | return h('el-progress', { | ||||
@@ -29,7 +26,8 @@ const ProcessCircle = { | |||||
percentage: this.injectData.finished, | percentage: this.injectData.finished, | ||||
width: 14, | width: 14, | ||||
'stroke-width': 2, | 'stroke-width': 2, | ||||
color: '#47FF27' | |||||
color: '#47FF27', | |||||
'define-back-color': '#6e6e6e' // 背景色 | |||||
}, | }, | ||||
style: { | style: { | ||||
color: 'blue' | color: 'blue' | ||||
@@ -187,7 +187,27 @@ export default { | |||||
focus: 'series' | focus: 'series' | ||||
}, | }, | ||||
data: dianliu, | data: dianliu, | ||||
symbol: 'none' | |||||
symbol: 'none', | |||||
areaStyle: { | |||||
color: { | |||||
type: 'linear', | |||||
x: 0, | |||||
y: 0, | |||||
x2: 0, | |||||
y2: 1, | |||||
colorStops: [ | |||||
{ | |||||
offset: 0, | |||||
color: '#1A99FF66' // 0% 处的颜色 | |||||
}, | |||||
{ | |||||
offset: 1, | |||||
color: 'transparent' // 100% 处的颜色 | |||||
} | |||||
], | |||||
global: false // 缺省为 false | |||||
} | |||||
} | |||||
}, | }, | ||||
{ | { | ||||
name: '产线2', | name: '产线2', | ||||
@@ -198,7 +218,27 @@ export default { | |||||
focus: 'series' | focus: 'series' | ||||
}, | }, | ||||
data: dianya, | data: dianya, | ||||
symbol: 'none' | |||||
symbol: 'none', | |||||
areaStyle: { | |||||
color: { | |||||
type: 'linear', | |||||
x: 0, | |||||
y: 0, | |||||
x2: 0, | |||||
y2: 1, | |||||
colorStops: [ | |||||
{ | |||||
offset: 0, | |||||
color: '#F0D63C66' // 0% 处的颜色 | |||||
}, | |||||
{ | |||||
offset: 1, | |||||
color: 'transparent' // 100% 处的颜色 | |||||
} | |||||
], | |||||
global: false // 缺省为 false | |||||
} | |||||
} | |||||
} | } | ||||
] | ] | ||||
} | } | ||||