- Notifications
You must be signed in to change notification settings - Fork254
Update funnel and gauge chart.#1400
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
Merged
Uh oh!
There was an error while loading.Please reload this page.
Merged
Changes fromall commits
Commits
Show all changes
42 commits Select commitHold shift + click to select a range
0bd9122 Added opacity in Funnel Chart.
Imiss-U10250b84762 Added funnel Align in Funnel Chart.
Imiss-U1025f006f89 Added sort in Funnel Chart
Imiss-U1025ee0161b Added font settings.
Imiss-U10254f9b411 Added label, Chart style.
Imiss-U10251d062e0 Added legend font settings.
Imiss-U10254058b81 Added gradient background.
Imiss-U1025fb58dfa Fixed an issue that style order would appear different in theme setti…
Imiss-U1025b2ee751 Fixed direction and label style.
Imiss-U10258487136 Added direction's default value.
Imiss-U1025006ab19 Implemented settings of theme as default.
Imiss-U10251ddd139 Implemented gradient background color again.
Imiss-U10252045823 Fixed an issue that update-on-action when activating /deactivating pr…
Imiss-U1025b77d3e0 Fixed direction on theme setting.
Imiss-U1025216b753 Added chartOpacity, chartBoxShadow, chartBorderStyle, chartBorderRadi…
Imiss-U10254de9835 Added ChartBackgroundColor, ChartGradientColor, ChartShadowColor, Cha…
Imiss-U1025bc5936a Added initial value of funnelChartUtils.
Imiss-U102510cb9eb Fixed a direction split issue.
Imiss-U1025dad3997 Fixed Chart styles UI of right panel.
Imiss-U1025ca9bbcf Updated guage chart.
Imiss-U10259010367 Added styles to gaugeChart.
Imiss-U1025fe9e505 Added Pointer and Fixed default values
Imiss-U1025c14a22d Updated Gauge Chart.
Imiss-U102594c0f92 Updated Gauge Chart.
Imiss-U10254e9422b Added axis style to Gauge chart.
Imiss-U102576474f7 Added roundCap, theme setting to Gauge chart.
Imiss-U1025e27f7ca update-on-action when selecting theme.
Imiss-U102503bc7bd Added radical gradient and many fields to Candlestick chart.
Imiss-U10256384363 Added datazoom, grid to candleStick chart.
Imiss-U10254098b68 Added an ability that legend of funnel can be on the left or right.
Imiss-U10255849081 Added horizontal, vertical icons
Imiss-U10254ae4427 Fixed legend option of funnel charts
Imiss-U1025cd45364 Fixed icon colors and changed order.
Imiss-U1025b74acba Added title Vertical
Imiss-U102576bd5ff Changed Align order on Funnel chart
Imiss-U102503f51ac Added descriptions to properties of funnel chart.
Imiss-U1025e5fbd92 Added descriptions to properties of gauge chart.
Imiss-U102584b4285 Applied gradient colors to a chart using just one color picker
Imiss-U1025b3ff98f Fixed trans in gauge chart.
Imiss-U102598a8e3d Fixed trans in funnel chart.
Imiss-U102585a6786 Reverted candlestick chart, updated background ability.
Imiss-U1025c10dd88 Fixed background Color issue on funnel and gauge.
Imiss-U1025File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Uh oh!
There was an error while loading.Please reload this page.
Jump to
Jump to file
Failed to load files.
Loading
Uh oh!
There was an error while loading.Please reload this page.
Diff view
Diff view
There are no files selected for viewing
18 changes: 9 additions & 9 deletionsclient/packages/lowcoder-comps/src/comps/candleStickChartComp/candleStickChartComp.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
4 changes: 2 additions & 2 deletions...t/packages/lowcoder-comps/src/comps/candleStickChartComp/candleStickChartPropertyView.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
95 changes: 48 additions & 47 deletionsclient/packages/lowcoder-comps/src/comps/candleStickChartComp/candleStickChartUtils.ts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
49 changes: 49 additions & 0 deletionsclient/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsFunnelAlignConfig.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| import { | ||
| AlignClose, | ||
| AlignRight, | ||
| AlignLeft, | ||
| dropdownControl, | ||
| MultiCompBuilder, | ||
| } from "lowcoder-sdk"; | ||
| import {FunnelSeriesOption, LegendComponentOption} from "echarts"; | ||
| import { trans } from "i18n/comps"; | ||
| const FunnelAlignOptions = [ | ||
| { | ||
| label: <AlignLeft />, | ||
| value: "left", | ||
| }, | ||
| { | ||
| label: <AlignClose />, | ||
| value: "center", | ||
| }, | ||
| { | ||
| label: <AlignRight />, | ||
| value: "right", | ||
| } | ||
| ] as const; | ||
| export const EchartsFunnelAlignConfig = (function () { | ||
| return new MultiCompBuilder( | ||
| { | ||
| funnelAlign: dropdownControl(FunnelAlignOptions, "center"), | ||
| }, | ||
| (props): FunnelSeriesOption => { | ||
| const config: FunnelSeriesOption = { | ||
| funnelAlign: "center", | ||
| }; | ||
| config.funnelAlign = props.funnelAlign | ||
| return config; | ||
| } | ||
| ) | ||
| .setPropertyViewFn((children) => ( | ||
| <> | ||
| {children.funnelAlign.propertyView({ | ||
| label: trans("echarts.funnelAlign"), | ||
| radioButton: true, | ||
| tooltip: trans("echarts.changingAlignTooltip") | ||
| })} | ||
| </> | ||
| )) | ||
| .build(); | ||
| })(); |
11 changes: 6 additions & 5 deletionsclient/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLabelConfig.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
50 changes: 50 additions & 0 deletionsclient/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLegendAlignConfig.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| import { | ||
| AlignClose, | ||
| AlignRight, | ||
| AlignLeft, | ||
| dropdownControl, | ||
| MultiCompBuilder, | ||
| } from "lowcoder-sdk"; | ||
| import { LegendComponentOption } from "echarts"; | ||
| import { trans } from "i18n/comps"; | ||
| const FunnelLegnedAlignOptions = [ | ||
| { | ||
| label: <AlignLeft />, | ||
| value: "left", | ||
| }, | ||
| { | ||
| label: <AlignClose />, | ||
| value: "center", | ||
| }, | ||
| { | ||
| label: <AlignRight />, | ||
| value: "right", | ||
| } | ||
| ] as const; | ||
| export const EchartsLegendAlignConfig = (function () { | ||
| return new MultiCompBuilder( | ||
| { | ||
| left: dropdownControl(FunnelLegnedAlignOptions, "center"), | ||
| }, | ||
| (props): LegendComponentOption => { | ||
| const config: LegendComponentOption = { | ||
| left: "center", | ||
| type: "scroll", | ||
| }; | ||
| config.left = props.left | ||
| return config; | ||
| } | ||
| ) | ||
| .setPropertyViewFn((children) => ( | ||
| <> | ||
| {children.left.propertyView({ | ||
| label: trans("echarts.legendAlign"), | ||
| radioButton: true, | ||
| tooltip: trans("echarts.changingLegend_y_Tooltip") | ||
| })} | ||
| </> | ||
| )) | ||
| .build(); | ||
| })(); |
1 change: 1 addition & 0 deletionsclient/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLegendConfig.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
45 changes: 45 additions & 0 deletions...nt/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsLegendOrientConfig.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| import { | ||
| HorizontalIcon, | ||
| VerticalIcon, | ||
| dropdownControl, | ||
| MultiCompBuilder, | ||
| } from "lowcoder-sdk"; | ||
| import { LegendComponentOption } from "echarts"; | ||
| import { trans } from "i18n/comps"; | ||
| const LegendOrientOptions = [ | ||
| { | ||
| label: <HorizontalIcon />, | ||
| value: "horizontal", | ||
| }, | ||
| { | ||
| label: <VerticalIcon />, | ||
| value: "vertical", | ||
| }, | ||
| ] as const; | ||
| export const EchartsLegendOrientConfig = (function () { | ||
| return new MultiCompBuilder( | ||
| { | ||
| orient: dropdownControl(LegendOrientOptions, "horizontal"), | ||
| }, | ||
| (props): LegendComponentOption => { | ||
| const config: LegendComponentOption = { | ||
| orient: "horizontal", | ||
| type: "scroll" | ||
| }; | ||
| config.orient = props.orient | ||
| return config; | ||
| } | ||
| ) | ||
| .setPropertyViewFn((children) => ( | ||
| <> | ||
| {children.orient.propertyView({ | ||
| label: trans("echarts.legendOrient"), | ||
| radioButton: true, | ||
| tooltip: trans("echarts.changingLegend_orient_Tooltip") | ||
| })} | ||
| </> | ||
| )) | ||
| .build(); | ||
| })(); |
44 changes: 44 additions & 0 deletionsclient/packages/lowcoder-comps/src/comps/chartComp/chartConfigs/echartsSortingConfig.tsx
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| import { | ||
| AlignBottom, | ||
| AlignTop, | ||
| dropdownControl, | ||
| MultiCompBuilder, | ||
| } from "lowcoder-sdk"; | ||
| import {FunnelSeriesOption, LegendComponentOption} from "echarts"; | ||
| import { trans } from "i18n/comps"; | ||
| const SortingOptions = [ | ||
| { | ||
| label: <AlignBottom />, | ||
| value: "descending", | ||
| }, | ||
| { | ||
| label: <AlignTop />, | ||
| value: "ascending", | ||
| }, | ||
| ] as const; | ||
| export const EchartsSortingConfig = (function () { | ||
| return new MultiCompBuilder( | ||
| { | ||
| sort: dropdownControl(SortingOptions, "descending"), | ||
| }, | ||
| (props): FunnelSeriesOption => { | ||
| const config: FunnelSeriesOption = { | ||
| sort: "descending" | ||
| }; | ||
| config.sort = props.sort | ||
| return config; | ||
| } | ||
| ) | ||
| .setPropertyViewFn((children) => ( | ||
| <> | ||
| {children.sort.propertyView({ | ||
| label: trans("echarts.sort"), | ||
| radioButton: true, | ||
| tooltip: trans("echarts.changingSortTooltip") | ||
| })} | ||
| </> | ||
| )) | ||
| .build(); | ||
| })(); |
Oops, something went wrong.
Uh oh!
There was an error while loading.Please reload this page.
Oops, something went wrong.
Uh oh!
There was an error while loading.Please reload this page.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.