Skip to content

Commit 8c2cfc4

Browse files
committed
Added descriptions to properties of gauge chart.
1 parent 8a0fbd0 commit 8c2cfc4

File tree

3 files changed

+50
-30
lines changed

3 files changed

+50
-30
lines changed

client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartPropertyView.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -38,15 +38,15 @@ export function funnelChartPropertyView(
3838
{children.echartsSortingConfig.getPropertyView()}
3939
{children.label.getView()&& children.echartsLabelConfig.getPropertyView()}
4040
{children.echartsFunnelAlignConfig.getPropertyView()}
41-
{children.left.propertyView({ label: trans("funnelChart.left") })}
42-
{children.top.propertyView({ label: trans("funnelChart.top") })}
43-
{children.bottom.propertyView({ label: trans("funnelChart.bottom") })}
44-
{children.width.propertyView({ label: trans("funnelChart.width") })}
45-
{children.min.propertyView({ label: trans("funnelChart.min") })}
46-
{children.max.propertyView({ label: trans("funnelChart.max") })}
47-
{children.gap.propertyView({ label: trans("funnelChart.gap") })}
48-
{children.opacity.propertyView({ label: trans("funnelChart.opacity") })}
49-
{children.echartsTitle.propertyView({ label: trans("funnelChart.title") })}
41+
{children.echartsTitle.propertyView({ label: trans("funnelChart.title"), tooltip: trans("echarts.titleTooltip") })}
42+
{children.left.propertyView({ label: trans("funnelChart.left"), tooltip: trans("echarts.positionChart_x_Tooltip") })}
43+
{children.top.propertyView({ label: trans("funnelChart.top"), tooltip: trans("echarts.topTooltip") })}
44+
{children.bottom.propertyView({ label: trans("funnelChart.bottom"), tooltip: trans("echarts.bottomTooltip") })}
45+
{children.width.propertyView({ label: trans("funnelChart.width"), tooltip: trans("echarts.widthTooltip") })}
46+
{children.min.propertyView({ label: trans("funnelChart.min"), tooltip: trans("echarts.minTooltip") })}
47+
{children.max.propertyView({ label: trans("funnelChart.max"), tooltip: trans("echarts.maxTooltip") })}
48+
{children.gap.propertyView({ label: trans("funnelChart.gap"), tooltip: trans("echarts.gapTooltip") })}
49+
{children.opacity.propertyView({ label: trans("funnelChart.opacity"), tooltip: trans("echarts.opacityTooltip") })}
5050
{children.tooltip.propertyView({label: trans("funnelChart.tooltip"), tooltip: trans("echarts.tooltipVisibilityTooltip")})}
5151
{children.label.propertyView({label: trans("funnelChart.label"), tooltip: trans("echarts.labelVisibilityTooltip")})}
5252
{children.legendVisibility.propertyView({label: trans("funnelChart.legendVisibility"), tooltip: trans("echarts.legendVisibilityTooltip")})}

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

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -32,26 +32,26 @@ export function gaugeChartPropertyView(
3232
),
3333
})}
3434
{children.echartsTitleConfig.getPropertyView()}
35-
{children.echartsTitle.propertyView({ label: trans("gaugeChart.title") })}
35+
{children.echartsTitle.propertyView({ label: trans("gaugeChart.title"), tooltip: trans("echarts.titleTooltip") })}
3636
{/* {children.left.propertyView({ label: trans("gaugeChart.left") })}
3737
{children.top.propertyView({ label: trans("gaugeChart.top") })}
3838
{children.bottom.propertyView({ label: trans("gaugeChart.bottom") })}
3939
{children.width.propertyView({ label: trans("gaugeChart.width") })} */}
40-
{children.radius.propertyView({ label: trans("gaugeChart.radius") })}
41-
{children.min.propertyView({ label: trans("gaugeChart.min") })}
42-
{children.max.propertyView({ label: trans("gaugeChart.max") })}
43-
{children.position_x.propertyView({ label: trans("gaugeChart.position_x") })}
44-
{children.position_y.propertyView({ label: trans("gaugeChart.position_y") })}
45-
{children.startAngle.propertyView({ label: trans("gaugeChart.startAngle") })}
46-
{children.endAngle.propertyView({ label: trans("gaugeChart.endAngle") })}
47-
{children.splitNumber.propertyView({ label: trans("gaugeChart.splitNumber") })}
48-
{children.pointerLength.propertyView({ label: trans("gaugeChart.pointerLength") })}
49-
{children.pointerWidth.propertyView({ label: trans("gaugeChart.pointerWidth") })}
50-
{children.progressBar.getView() && children.progressBarWidth.propertyView({ label: trans("gaugeChart.progressBarWidth") })}
40+
{children.radius.propertyView({ label: trans("gaugeChart.radius"), tooltip: trans("echarts.radiusTooltip") })}
41+
{children.min.propertyView({ label: trans("gaugeChart.min"), tooltip: trans("echarts.minTooltip") })}
42+
{children.max.propertyView({ label: trans("gaugeChart.max"), tooltip: trans("echarts.maxTooltip") })}
43+
{children.position_x.propertyView({ label: trans("gaugeChart.position_x"), tooltip: trans("echarts.positionChart_x_Tooltip") })}
44+
{children.position_y.propertyView({ label: trans("gaugeChart.position_y"), tooltip: trans("echarts.positionChart_x_Tooltip") })}
45+
{children.startAngle.propertyView({ label: trans("gaugeChart.startAngle"), tooltip: trans("echarts.startAngleTooltip") })}
46+
{children.endAngle.propertyView({ label: trans("gaugeChart.endAngle"), tooltip: trans("echarts.endAngleTooltip") })}
47+
{children.splitNumber.propertyView({ label: trans("gaugeChart.splitNumber"), tooltip: trans("echarts.splitNumberTooltip") })}
48+
{children.pointerLength.propertyView({ label: trans("gaugeChart.pointerLength"), tooltip: trans("echarts.pointerLengthTooltip") })}
49+
{children.pointerWidth.propertyView({ label: trans("gaugeChart.pointerWidth"), tooltip: trans("echarts.pointerWidthTooltip") })}
50+
{children.progressBar.getView() && children.progressBarWidth.propertyView({ label: trans("echarts.progressBarWidthToolTip") })}
5151
{/* {children.gap.propertyView({ label: trans("gaugeChart.gap") })} */}
52-
{children.tooltip.propertyView({ label: trans("gaugeChart.tooltip") })}
53-
{children.progressBar.propertyView({ label: trans("gaugeChart.progressBar") })}
54-
{children.roundCap.propertyView({ label: trans("gaugeChart.roundCap") })}
52+
{children.tooltip.propertyView({ label: trans("gaugeChart.tooltip"), tooltip: trans("echarts.tooltipVisibilityTooltip") })}
53+
{children.progressBar.propertyView({ label: trans("gaugeChart.progressBar"), tooltip: trans("echarts.progressBarVisibilityTooltip") })}
54+
{children.roundCap.propertyView({ label: trans("gaugeChart.roundCap"), tooltip: trans("echarts.roundCapVisibilityTooltip") })}
5555
</Section>
5656
<Section name={sectionNames.interaction}>
5757
{children.onEvent.propertyView()}

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

Lines changed: 26 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ export const en = {
7979
funnelType:'Funnel Chart Type',
8080
tooltip: 'Tooltip',
8181
legendVisibility: 'Legend Visibility',
82-
left: 'Left',
82+
left: 'Position-X',
8383
defaultLeft:'35',
8484
top: 'Top',
8585
defaultTop:'60',
@@ -137,7 +137,6 @@ export const en = {
137137
progressBarWidth: 'Progress Bar Width',
138138
defaultProgressBarWidth: '10',
139139
progressBar: 'Progress Bar',
140-
roundCap: 'Round Cap',
141140
},
142141
echarts: {
143142
defaultTitle: "Data Display",
@@ -156,10 +155,31 @@ export const en = {
156155
changingSortTooltip: "Change the Sorting direction.",
157156
changingLabelTooltip: "Change the Position of the Label.",
158157
changingAlignTooltip: "Change the Alignment of the Chart.",
159-
tooltipVisibilityTooltip: "Show or hide the ToolTips of the chart.",
160-
labelVisibilityTooltip: "Show or hide the Labels of the chart.",
161-
legendVisibilityTooltip: "Show or hide the Legend of the chart.",
162-
158+
positionChart_x_Tooltip: "Change the Horizontal position of the Chart.",
159+
positionChart_y_Tooltip: "Change the Vertical position of the Chart.",
160+
topTooltip: "Change the top length of the Chart.",
161+
bottomTooltip: "Change the bottom length of the Chart.",
162+
widthTooltip: "Change the width of the Chart.",
163+
radiusTooltip: "Set the Radius value of the Chart.",
164+
minTooltip: "Set the minimum value of the Chart.",
165+
maxTooltip: "Set the maximum value of the Chart.",
166+
gapTooltip: "Set the gap value between the Components.",
167+
opacityTooltip: "Set the opacity of the Chart.",
168+
titleTooltip: "Set the title of the Chart.",
169+
roundCap: 'Round Cap',
170+
roundCapTooltip: "Change the shape of the start, current, and end edges of the progress bar to round or straight.",
171+
progressBarVisibilityToolip: "Show or hide the current status on the progress bar.",
172+
endAngleTooltip: "Set the End angle value of the Chart.",
173+
startAngleTooltip: "Set the Start angle value of the Chart.",
174+
splitNumberTooltip: "Set the Split number of the Chart.",
175+
pointerLengthTooltip: "Set the Pointer length of the Chart.",
176+
pointerWidthTooltip: "Set the Pointer Width of the Chart.",
177+
progressBarWidthToolTip: "Set the Progress Bar Width of the Chart.",
178+
tooltipVisibilityTooltip: "Show or hide the ToolTips of the Chart.",
179+
labelVisibilityTooltip: "Show or hide the Labels of the Chart.",
180+
legendVisibilityTooltip: "Show or hide the Legend of the Chart.",
181+
progressBarVisibilityTooltip: "Show or hide the Progress Bar of the Chart.",
182+
roundCapVisibilityTooltip: "Show or hide the Round Cap of the Chart.",
163183
},
164184
chart: {
165185
delete: "Delete",

0 commit comments

Comments
 (0)