diff --git a/src/views/3DOverview/components/DianChart.vue b/src/views/3DOverview/components/DianChart.vue
index 19010b8..c92d2c3 100644
--- a/src/views/3DOverview/components/DianChart.vue
+++ b/src/views/3DOverview/components/DianChart.vue
@@ -46,7 +46,23 @@ class ChartOption {
},
padding: 10,
backgroundColor: 'rgba(13, 29, 53, 0.8)',
- extraCssText: 'position: absolute !important; top: 0, left: 0; width: 152px !important; height: 100px !important;'
+ extraCssText: 'width: auto !important; height: auto !important;',
+ formatter: params => {
+ return `
+
+
${params[0].axisValue}
+ ${params[0].seriesName}: ${params[0].value}
+ ${params[1].seriesName}: ${params[1].value}
+ ${params[2].seriesName}: ${params[2].value}
+
+ `
+ }
}
this.xAxis = {
diff --git a/src/views/3DOverview/components/RightContentProductRate.vue b/src/views/3DOverview/components/RightContentProductRate.vue
index f707c24..b93ed6e 100644
--- a/src/views/3DOverview/components/RightContentProductRate.vue
+++ b/src/views/3DOverview/components/RightContentProductRate.vue
@@ -55,8 +55,23 @@ class ChartOption {
},
padding: 10,
backgroundColor: 'rgba(13, 29, 53, 0.8)',
- formatter: '{b}
{a0}: {c}%
{a1}: {c1}%',
- extraCssText: 'width: calc(100px*var(--beilv)) !important;'
+ // formatter: '{b}
{a0}: {c}%
{a1}: {c1}%',
+ extraCssText: 'width: calc(100px*var(--beilv)) !important;',
+ formatter: params => {
+ return `
+
+
${
+ params[0].axisValue
+ }
+ ${params[0].seriesName}: ${params[0].value}
+ ${params[1].seriesName}: ${params[1].value}
+
+ `
+ }
}
let d = new Date()
diff --git a/src/views/3DOverview/components/RightContentRealtimeProduction.vue b/src/views/3DOverview/components/RightContentRealtimeProduction.vue
index 19def8a..f6d299b 100644
--- a/src/views/3DOverview/components/RightContentRealtimeProduction.vue
+++ b/src/views/3DOverview/components/RightContentRealtimeProduction.vue
@@ -55,7 +55,26 @@ class ChartOption {
},
padding: 10,
backgroundColor: 'rgba(13, 29, 53, 0.8)',
- extraCssText: 'width: calc(100px*var(--beilv)) !important;'
+ extraCssText: 'width: calc(100px*var(--beilv)) !important;',
+ formatter: params => {
+ return `
+
+
${params[0].axisValue}
+ ${params[0].seriesName}: ${params[0].value}
+ ${params[1].seriesName}: ${params[1].value}
+ ${params[2].seriesName}: ${params[2].value}
+ ${params[3].seriesName}: ${params[3].value}
+
+ `
+ }
}
let d = new Date()
diff --git a/src/views/QualityManager/components/charts/newLineStack.vue b/src/views/QualityManager/components/charts/newLineStack.vue
index 85b7dfd..79cc6af 100644
--- a/src/views/QualityManager/components/charts/newLineStack.vue
+++ b/src/views/QualityManager/components/charts/newLineStack.vue
@@ -41,6 +41,19 @@ class ChartOption {
type: 'dotted',
color: '#7BFFFB'
}
+ },
+ formatter: params => {
+ return `
+
+
${params[0].axisValue}
+ ${params[0].seriesName}: ${params[0].value}
+ ${params[1].seriesName}: ${params[1].value}
+
+ `
}
}
@@ -285,12 +298,18 @@ export default {
}
},
formatter: params => {
- const currentMonth = new Date().getMonth() + 1
+ const currentMonth = new Date().getMonth() + 1
return `
-
${currentMonth}-${params[0].axisValue}
- ${params[0].seriesName}: ${params[0].value}
- ${params[1].seriesName}: ${params[1].value}
+ ${currentMonth}-${
+ params[0].axisValue
+ }
+ ${params[0].seriesName}: ${params[0].value}
+ ${params[1].seriesName}: ${params[1].value}
`
}
@@ -309,8 +328,22 @@ export default {
color: '#7BFFFB'
}
},
- formatter: undefined
- }
+ formatter: params => {
+ return `
+
+
${
+ params[0].axisValue
+ }
+ ${params[0].seriesName}: ${params[0].value}
+ ${params[1].seriesName}: ${params[1].value}
+
+ `
+ }
+ }
}
// update series