Ver código fonte

feat: :sparkles: 水球图显示数据格式

chaooo 2 anos atrás
pai
commit
3275c8b026
1 arquivos alterados com 6 adições e 3 exclusões
  1. 6 3
      src/components/Charts/LiquidChart.vue

+ 6 - 3
src/components/Charts/LiquidChart.vue

@@ -40,6 +40,9 @@ const props = defineProps({
   },
 });
 
+let labelFormatter = (params) => {
+  return params.value * 100;
+};
 const options = {
   series: [
     {
@@ -67,12 +70,12 @@ const options = {
         },
       },
       label: {
-        formatter: props.data,
+        formatter: labelFormatter,
         color: props.color, // 在波浪上方时的文字颜色
-        insideColor: "#ffffff", // 在波浪下方时的文字颜色
+        insideColor: props.color,//"#ffffff", // 在波浪下方时的文字颜色
         fontSize: 30, // 文字大小
       },
-      data: [props.data / 100], // 水球的注满度 60%
+      data: [(props.data>100?100:props.data) / 100], // 水球的注满度 100%
     },
   ],
 };