Skip to content

[charts] Add Gauge component #11996

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.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
alexfauquette merged 22 commits into from
Feb 15, 2024
Merged

[charts] Add Gauge component #11996

Changes from 1 commit
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
b631eb9
[charts] Add Gauge component
alexfauquette Feb 8, 2024
821beba
Run scripts
alexfauquette Feb 8, 2024
b8c38c6
docs
alexfauquette Feb 8, 2024
d4710a9
Remove fix size
alexfauquette Feb 8, 2024
3a5304e
support joy palette
alexfauquette Feb 8, 2024
57b8f6b
export classes
alexfauquette Feb 8, 2024
38c5906
Add text support
alexfauquette Feb 8, 2024
78d9bc8
scripts
alexfauquette Feb 8, 2024
4d6fd72
modify default
alexfauquette Feb 12, 2024
fbdb7a7
provide the maxRadius (usefull for custom component)
alexfauquette Feb 12, 2024
8b1d937
Docs customization
alexfauquette Feb 12, 2024
3dcebae
Remove useless stack
alexfauquette Feb 12, 2024
a94d904
Add composition docs
alexfauquette Feb 12, 2024
a1886ff
docs
alexfauquette Feb 12, 2024
b4b9d62
scripts
alexfauquette Feb 12, 2024
ebaefbe
Apply suggestions from code review
alexfauquette Feb 14, 2024
e0973c4
Merge remote-tracking branch 'upstream/next' into add-gauge
alexfauquette Feb 15, 2024
78d2abb
Merge branch 'add-gauge' of github.com:alexfauquette/mui-x into add-g…
alexfauquette Feb 15, 2024
fe2328a
scripts
alexfauquette Feb 15, 2024
a4f4769
prevent deleting numbers
alexfauquette Feb 15, 2024
5b3111f
feedback
alexfauquette Feb 15, 2024
8dfeffd
script
alexfauquette Feb 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
modify default
  • Loading branch information
@alexfauquette
alexfauquette committed Feb 12, 2024
commit 4d6fd72f58d11a59fab42407869b82376bed624f
5 changes: 3 additions & 2 deletions packages/x-charts/src/Gauge/GaugeProvider.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,8 @@ interface CircularConfig {
outerRadius?: number | string;
/**
* The radius applied to arc corners (similar to border radius).
* @default '50%'
* Set it to '50%' to get rounded arc.
* @default 0
*/
cornerRadius?: number;
/**
Expand Down Expand Up @@ -153,7 +154,7 @@ export function GaugeProvider(props: GaugeProviderProps) {

const outerRadius = getPercentageValue(outerRadiusParam ?? availableRadius, availableRadius);
const innerRadius = getPercentageValue(innerRadiusParam ?? '80%', availableRadius);
const cornerRadius = getPercentageValue(cornerRadiusParam ?? '50%', outerRadius - innerRadius);
const cornerRadius = getPercentageValue(cornerRadiusParam ?? 0, outerRadius - innerRadius);

const contextValue = React.useMemo(
() => ({
Expand Down