NEZ-2497 fix : charts 图标缺少 title 提示

nezha-fronted/src/components/chart/chart/options/chartTimeSeries.js

@@ -12,8 +12,8 @@ export const chartTimeSeriesLineOption = {
   toolbox: {
     show: false,
     top: '0',
-    right: '18',
-    showTitle: false,
+    right: '36',
+    showTitle: true,
     feature: {
       dataZoom: {
         yAxisIndex: false,
@@ -51,7 +51,7 @@ export const chartTimeSeriesLineOption = {
   grid: {
     left: 20,
     right: 35,
-    top: 35,
+    top: 42,
     bottom: 15,
     containLabel: true
   },

nezha-fronted/src/components/chart/chart/tools.js

@@ -2,6 +2,7 @@ import { chartType } from '@/components/common/js/constants'
 import chartBarOption from './options/chartBar'
 import chartPieOption from './options/chartPie'
 import lodash from 'lodash'
+import i18n from '@/components/common/i18n'
 import {
   chartTimeSeriesLineOption,
   chartTimeSeriesScatterOption,
@@ -14,6 +15,11 @@ import { randomcolor } from '@/components/common/js/radomcolor/randomcolor'
 
 export function getOption (type) {
   let chartOption = null
+  chartTimeSeriesAreaOption.toolbox.feature.dataZoom.title = {
+    zoom: i18n.t('overall.toolBox.zoom'),
+    back: i18n.t('overall.toolBox.back')
+  }
+  chartTimeSeriesAreaOption.toolbox.feature.myStack.title = i18n.t('overall.toolBox.stack')
   switch (type) {
     case chartType.area: {
       chartOption = lodash.cloneDeep(chartTimeSeriesAreaOption)