前端优化

km-console/packages/layout-clusters-fe/src/constants/chartConfig.ts

@@ -3,25 +3,24 @@ import moment from 'moment';
 export const CHART_COLOR_LIST = [
   '#657DFC',
   '#A7B1EB',
-  '#85C80D',
-  '#C9E795',
-  '#FFC300',
-  '#F9D77B',
-  '#8BA3C4',
-  '#C2D0E3',
-  '#FF7066',
-  '#F5B6B3',
   '#2AC8E4',
   '#9DDEEB',
+  '#3991FF',
+  '#94BEF2',
+  '#C2D0E3',
+  '#F5B6B3',
+  '#85C80D',
+  '#C9E795',
   '#A76CEC',
   '#CCABF1',
   '#FF9C1B',
   '#F5C993',
-  '#3991FF',
-  '#94BEF2',
+  '#FFC300',
+  '#F9D77B',
   '#12CA7A',
+  '#8BA3C4',
+  '#FF7066',
   '#A7E6C7',
-  '#FF5AB2',
   '#F19FC9',
   '#AEAEAE',
   '#D1D1D1',
@@ -132,11 +131,10 @@ export const getBasicChartConfig = (props: any = {}) => {
       itemWidth: 8,
       itemGap: 8,
       textStyle: {
-        width: 85,
-        overflow: 'truncate',
-        ellipsis: '...',
+        // width: 85,
+        // overflow: 'truncate',
+        // ellipsis: '...',
         fontSize: 11,
-        lineHeight: 12,
         color: '#74788D',
       },
       pageIcons: {
@@ -148,6 +146,7 @@ export const getBasicChartConfig = (props: any = {}) => {
       pageIconColor: '#495057',
       pageIconInactiveColor: '#ADB5BC',
       pageIconSize: 6,
+      tooltip: false,
       ...legend,
     },
     // 横坐标配置