diff --git a/src/components/custom-echart-hyaline-cake/index.vue b/src/components/custom-echart-hyaline-cake/index.vue index dfbfbfa..49954f3 100644 --- a/src/components/custom-echart-hyaline-cake/index.vue +++ b/src/components/custom-echart-hyaline-cake/index.vue @@ -183,6 +183,9 @@ export default { const option = Object.assign( { tooltip: { + backgroundColor: 'rgba(18, 55, 85, 0.8);', + borderColor: '#35d0c0', + color: '#fff', position: function (point, params, dom, rect, size) { var x = point[0]; var y = point[1]; @@ -210,14 +213,16 @@ export default { formatter: (params) => { if (params.seriesName !== 'mouseoutSeries') { return ` - ${params.seriesName}
- - ${option.series[params.seriesIndex].pieData.value} + + ${params.seriesName}
+ + ${option.series[params.seriesIndex].pieData.value} +
`; } return ''; diff --git a/src/views/land/components/landPlan.vue b/src/views/land/components/landPlan.vue index 931a907..d331287 100644 --- a/src/views/land/components/landPlan.vue +++ b/src/views/land/components/landPlan.vue @@ -29,12 +29,14 @@ const state = reactive({ axisPointer: { type: 'shadow', }, + backgroundColor: 'rgba(18, 55, 85, 0.8);', + borderColor: '#35d0c0', formatter: (data) => { const params = data[0]; let str = `
- ${params.name}
- ${params.marker} ${params.data} 万亩 -
`; + ${params.name}
+ ${params.marker} ${params.data} 万元 + `; return str; }, },