Fixed Clock Pointer Icons on Clock Chart.

Author: Imiss-U1025

client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartConstants.tsx

@@ -306,6 +306,7 @@ let chartJsonModeChildren: any = {
   pointer_Y:withDefault(NumberControl,trans('gaugeChart.defaultPointer_Y')),
   pointerIcon:withDefault(StringControl),
   gradePointerIcon:withDefault(StringControl, trans('gaugeChart.gradeDefaultPointerIcon')),
+  clockPointerIcon:withDefault(StringControl, trans('gaugeChart.clockDefaultPointerIcon')),
   progressBarWidth:withDefault(NumberControl,trans('gaugeChart.defaultProgressBarWidth')),
   axisTickWidth: withDefault(NumberControl, trans('gaugeChart.defaultAxisTickWidth')),
   axisTickLength: withDefault(NumberControl, trans('gaugeChart.defaultAxisTickLength')),

client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartPropertyView.tsx

@@ -482,7 +482,7 @@ export function gaugeChartPropertyView(
         {children.echartsTitleConfig.getPropertyView()}
         {children.echartsTitle.propertyView({ label: trans("gaugeChart.title"), tooltip: trans("echarts.titleTooltip") })}
         {children.radius.propertyView({ label: trans("gaugeChart.radius"), tooltip: trans("echarts.radiusTooltip") })}
-        {children.pointerIcon.propertyView({ label: trans("gaugeChart.pointerIcon"), tooltip: trans("gaugeChart.pointerIconTooltip") })}
+        {children.clockPointerIcon.propertyView({ label: trans("gaugeChart.pointerIcon"), tooltip: trans("gaugeChart.pointerIconTooltip") })}
         {children.progressBarWidth.propertyView({ label: trans("gaugeChart.progressBarWidth"), tooltip: trans("echarts.pointerWidthTooltip") })}
         {children.axisTickLength.propertyView({ label: trans("gaugeChart.axisTickLength"), tooltip: trans("echarts.axisTickLengthTooltip") })}
         {children.axisTickWidth.propertyView({ label: trans("gaugeChart.axisTickWidth"), tooltip: trans("echarts.axisTickWidthTooltip") })}

client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartUtils.ts

@@ -749,7 +749,7 @@ export function getEchartsConfig(
               }
             },
             pointer: {
-              icon: 'path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z',
+              icon: props?.clockPointerIcon,
               width: props?.clockGaugeOption?.data?.map(data => data.hour)[0]?.width,
               length: props?.clockGaugeOption?.data?.map(data => data.hour)[0]?.length,
               offsetCenter: [0, '8%'],
@@ -794,7 +794,7 @@ export function getEchartsConfig(
               show: false
             },
             pointer: {
-              icon: 'path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z',
+              icon: props?.clockPointerIcon,
               width: props?.clockGaugeOption?.data?.map(data => data.minute)[0]?.width,
               length: props?.clockGaugeOption?.data?.map(data => data.minute)[0]?.length,
               offsetCenter: [0, '8%'],
@@ -840,7 +840,7 @@ export function getEchartsConfig(
               show: false
             },
             pointer: {
-              icon: 'path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z',
+              icon: props?.clockPointerIcon,
               width: props?.clockGaugeOption?.data?.map(data => data.second)[0]?.width,
               length: props?.clockGaugeOption?.data?.map(data => data.second)[0]?.length,
               offsetCenter: [0, '8%'],

client/packages/lowcoder-comps/src/i18n/comps/locales/en.ts

@@ -145,6 +145,7 @@ export const en = {
     chartTypeTooltip: "Select the types of Charts.",
     defaultPointer_Y: "0",
     gradeDefaultPointerIcon: "path://M12.8,0.7l12,40.1H0.7L12.8,0.7z",
+    clockDefaultPointerIcon: "path://M2.9,0.7L2.9,0.7c1.4,0,2.6,1.2,2.6,2.6v115c0,1.4-1.2,2.6-2.6,2.6l0,0c-1.4,0-2.6-1.2-2.6-2.6V3.3C0.3,1.9,1.4,0.7,2.9,0.7z",
     pointer_Y: "Pointer-Y",
     pointer_Y_Tooltip: "select vertical of pointer",
     pointerIcon: "Pointer Icon",