[Feature][UI Next] Add charts i18n. (apache#7568)

dolphinscheduler-ui-next/src/components/chart/index.ts

@@ -15,9 +15,15 @@
  * limitations under the License.
  */
 
-import { getCurrentInstance, onMounted, onBeforeUnmount, watch } from 'vue'
+import {
+  getCurrentInstance,
+  onMounted,
+  onBeforeUnmount,
+  watch,
+} from 'vue'
 import { useThemeStore } from '@/store/theme/theme'
 import { throttle } from 'echarts'
+import { useI18n } from 'vue-i18n'
 import type { Ref } from 'vue'
 import type { ECharts } from 'echarts'
 import type { ECBasicOption } from 'echarts/types/dist/shared'
@@ -28,6 +34,7 @@ function initChart<Opt extends ECBasicOption>(
 ): ECharts | null {
   let chart: ECharts | null = null
   const themeStore = useThemeStore()
+  const { locale } = useI18n()
   const globalProperties =
     getCurrentInstance()?.appContext.config.globalProperties
 
@@ -51,6 +58,14 @@ function initChart<Opt extends ECBasicOption>(
     }
   )
 
+  watch(
+    () => locale.value,
+    () => {
+      chart?.dispose()
+      init()
+    }
+  )
+
   onMounted(() => {
     init()
     addEventListener('resize', resize)