diff --git a/src/views/dashboard/overview/components/AlarnTypeBar/index.vue b/src/views/dashboard/overview/components/AlarnTypeBar/index.vue
index 451a2149..dfbecd73 100644
--- a/src/views/dashboard/overview/components/AlarnTypeBar/index.vue
+++ b/src/views/dashboard/overview/components/AlarnTypeBar/index.vue
@@ -181,11 +181,11 @@ function initPicture() {
             color: function (colors: any) {
               const realName = colors.name.split(':')[0];
               var colorList: any = {
-                Event: '#9bca63',
-                Warning: '#26c0c0',
-                Minor: '#27727b',
-                Major: '#d7504b',
-                Critical: 'rgba(218,44,54,1)',
+                [t('views.index.Event')]: '#9bca63',
+                [t('views.index.Warning')]: '#26c0c0',
+                [t('views.index.Minor')]: '#27727b',
+                [t('views.index.Major')]: '#d7504b',
+                [t('views.index.Critical')]: 'rgba(218,44,54,1)',
               };
 
               return colorList[realName];