fix style

src/locales/lang/en.ts

@@ -167,6 +167,7 @@ const msg = {
   enableRelatedTrace: "Enable Related Trace",
   maxTraceDuration: "Maximum Duration",
   minTraceDuration: "Minimum Duration",
+  legendOptions: "Legend Options",
   seconds: "Seconds",
   hourTip: "Select Hour",
   minuteTip: "Select Minute",

src/locales/lang/es.ts

@@ -171,6 +171,7 @@ const msg = {
   queryConditions: "Condiciones de consulta",
   maxTraceDuration: "Duración máxima",
   minTraceDuration: "Duración mínima",
+  legendOptions: "Opciones de leyenda",
   second: "s",
   yearSuffix: "Año",
   monthsHead: "Ene_Feb_Mar_Abr_May_Jun_Jul_Ago_Set_Oct_Nov_Dic",

src/locales/lang/zh.ts

@@ -164,6 +164,7 @@ const msg = {
   queryConditions: "查询条件",
   maxTraceDuration: "最大持续时间",
   minTraceDuration: "最小持续时间",
+  legendOptions: "图例选项",
   seconds: "秒",
   hourTip: "选择小时",
   minuteTip: "选择分钟",

src/styles/reset.scss

@@ -153,6 +153,10 @@ pre {
   margin-left: 5px;
 }
 
+.el-switch__label * {
+  font-size: 12px;
+}
+
 .el-drawer__header {
   margin-bottom: 0;
 }

src/views/dashboard/configuration/widget/graph-styles/Line.vue

@@ -13,6 +13,15 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
+  <div>
+    <span class="label">{{ t("legendOptions") }}</span>
+    <el-switch
+      v-model="graph.showLegend"
+      active-text="Yes"
+      inactive-text="No"
+      @change="updateConfig({ showLegend: graph.showLegend })"
+    />
+  </div>
   <div>
     <span class="label">{{ t("showXAxis") }}</span>
     <el-switch
@@ -82,8 +91,8 @@ function updateConfig(param: { [key: string]: unknown }) {
 <style lang="scss" scoped>
 .label {
   font-size: 13px;
-  font-weight: 500;
   display: block;
-  margin-bottom: 5px;
+  margin-top: 5px;
+  margin-bottom: -5px;
 }
 </style>

src/views/dashboard/graphs/Line.vue

@@ -44,7 +44,8 @@ const props = defineProps({
       LineConfig & {
         filters?: Filters;
         relatedTrace?: RelatedTrace;
-      } & { id?: string }
+        id?: string;
+      }
     >,
     default: () => ({
       step: false,