feat(视图): 组件样式，增加标题、图例的样式设置

frontend/src/views/chart/chart/chart.js

@@ -17,6 +17,7 @@ export const DEFAULT_SIZE = {
   funnelWidth: 80
 }
 export const DEFAULT_TITLE_STYLE = {
+  show: true,
   fontSize: '18',
   color: '#000000',
   hPosition: 'center',

frontend/src/views/chart/chart/common/common.js

@@ -2,6 +2,7 @@ export function componentStyle(chart_option, chart) {
   if (chart.customStyle) {
     const customStyle = JSON.parse(chart.customStyle)
     if (customStyle.text) {
+      chart_option.title.show = customStyle.text.show
       chart_option.title.left = customStyle.text.hPosition
       chart_option.title.top = customStyle.text.vPosition
       const style = chart_option.title.textStyle ? chart_option.title.textStyle : {}

frontend/src/views/chart/components/component_style/TitleSelector.vue

@@ -8,6 +8,9 @@
       >
         <el-col>
           <el-form ref="titleForm" :model="titleForm" label-width="80px" size="mini">
+            <el-form-item :label="$t('chart.show')" class="form-item">
+              <el-checkbox v-model="titleForm.show" @change="changeTitleStyle">{{ $t('chart.show') }}</el-checkbox>
+            </el-form-item>
             <el-form-item :label="$t('chart.text_fontsize')" class="form-item">
               <el-select v-model="titleForm.fontSize" :placeholder="$t('chart.text_fontsize')" size="mini" @change="changeTitleStyle">
                 <el-option v-for="option in fontSize" :key="option.value" :label="option.name" :value="option.value" />