tooltip优化-柱状图

report-ui/src/views/bigscreenDesigner/designer/tools/configure/barCharts/widget-barchart.js

@@ -1048,7 +1048,7 @@ export const widgetBarchart = {
               name: 'fontColor',
               required: false,
               placeholder: '',
-              value: ''
+              value: '#fff'
             },
             {
               type: 'el-input-number',
@@ -1138,6 +1138,14 @@ export const widgetBarchart = {
               ],
               value: 'shadow'
             },
+            {
+              type: 'vue-color',
+              label: '背景颜色',
+              name: 'tooltipBackgroundColor',
+              required: false,
+              placeholder: '',
+              value: '#333'
+            },
             {
               type: 'el-input-number',
               label: '字体字号',
@@ -1195,6 +1203,22 @@ export const widgetBarchart = {
               ],
               value: 'sans-serif'
             },
+            {
+              type: 'vue-color',
+              label: '边框颜色',
+              name: 'tooltipBorderColor',
+              required: false,
+              placeholder: '',
+              value: '#333'
+            },
+            {
+              type: 'el-input-number',
+              label: '边框宽度',
+              name: 'tooltipBorderWidth',
+              required: false,
+              placeholder: '',
+              value: 0
+            },
           ],
         },
         {

report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetBarchart.vue

@@ -282,6 +282,9 @@ export default {
         axisPointer: {
           type: optionsSetup.tooltipAxisPointerType,
         },
+        backgroundColor: optionsSetup.tooltipBackgroundColor,
+        borderColor: optionsSetup.tooltipBorderColor,
+        borderWidth: optionsSetup.tooltipBorderWidth,
         textStyle: {
           color: optionsSetup.tooltipColor,
           fontSize: optionsSetup.tooltipFontSize,