[charts-pro] Allow configuring zoom slider tooltip #18030
Merged
Conversation
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
|
Deploy preview: https://deploy-preview-18030--material-ui-x.netlify.app/ Updated pages: Bundle size reportTotal Size Change: Show 29 more bundle changes@mui/x-charts-pro parsed: |
CodSpeed Performance ReportMerging #18030 will not alter performanceComparing Summary
|
JCQuintas
reviewed
May 28, 2025
JCQuintas
reviewed
May 28, 2025
Comment on lines
94
to
100
| /** | ||
| * Defines when the tooltip with the zoom values should be shown. | ||
| * - true: The tooltip is always shown. | ||
| * - 'hover': The tooltip is shown when hovering over the track or thumb. | ||
| * - false: The tooltip is never shown. | ||
| * @default 'hover' | ||
| */ |
There was a problem hiding this comment.
Should we maybe have them always as strings?
always | never | hover?
There was a problem hiding this comment.
Sure, I was a bit torn between boolean or strings, but I can do strings.
There was a problem hiding this comment.
I think it simplifies handling it, but also makes the prop intention clearer
packages/x-charts/src/models/axis.ts
Outdated
| @@ -535,7 +535,7 @@ export type DefaultedAxis< | |||
| S extends ScaleName = ScaleName, | |||
| V = any, | |||
| AxisProps extends ChartsAxisProps = ChartsXAxisProps | ChartsYAxisProps, | |||
| > = AxisConfig<S, V, AxisProps> & { | |||
| > = Omit<AxisConfig<S, V, AxisProps>, 'zoom'> & { | |||
There was a problem hiding this comment.
The AxisConfigExtension was adding a conflicting zoom property, so I omitted it.
There was a problem hiding this comment.
In my IDE, but it might be a bug actually. I tried removing it and TypeScript doesn't complain, so I'll revert this change.
|
This pull request has conflicts, please resolve those before we can evaluate the pull request. |
JCQuintas
approved these changes
May 28, 2025
| @@ -92,13 +92,13 @@ | |||
| "xAxis": { | |||
| "type": { | |||
| "name": "arrayOf", | |||
| "description": "Array<{ axis?: 'x', barGapRatio?: number, categoryGapRatio?: number, classes?: object, colorMap?: { colors: Array<string>, type: 'ordinal', unknownColor?: string, values?: Array<Date<br>| number<br>| string> }<br>| { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'band', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { colors: Array<string>, type: 'ordinal', unknownColor?: string, values?: Array<Date<br>| number<br>| string> }<br>| { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'point', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'log', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'pow', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'sqrt', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'time', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'utc', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'linear', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, size?: number }, step?: number }<br>| bool }>" | |||
| "description": "Array<{ axis?: 'x', barGapRatio?: number, categoryGapRatio?: number, classes?: object, colorMap?: { colors: Array<string>, type: 'ordinal', unknownColor?: string, values?: Array<Date<br>| number<br>| string> }<br>| { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'band', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { colors: Array<string>, type: 'ordinal', unknownColor?: string, values?: Array<Date<br>| number<br>| string> }<br>| { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'point', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'log', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'pow', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'sqrt', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'time', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'utc', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }<br>| { axis?: 'x', classes?: object, colorMap?: { color: Array<string><br>| func, max?: Date<br>| number, min?: Date<br>| number, type: 'continuous' }<br>| { colors: Array<string>, thresholds: Array<Date<br>| number>, type: 'piecewise' }, data?: array, dataKey?: string, disableLine?: bool, disableTicks?: bool, domainLimit?: 'nice'<br>| 'strict'<br>| func, fill?: string, height?: number, hideTooltip?: bool, id?: number<br>| string, ignoreTooltip?: bool, label?: string, labelStyle?: object, max?: Date<br>| number, min?: Date<br>| number, offset?: number, position?: 'bottom'<br>| 'none'<br>| 'top', reverse?: bool, scaleType?: 'linear', slotProps?: object, slots?: object, stroke?: string, sx?: Array<func<br>| object<br>| bool><br>| func<br>| object, tickInterval?: 'auto'<br>| array<br>| func, tickLabelInterval?: 'auto'<br>| func, tickLabelMinGap?: number, tickLabelPlacement?: 'middle'<br>| 'tick', tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickPlacement?: 'end'<br>| 'extremities'<br>| 'middle'<br>| 'start', tickSize?: number, valueFormatter?: func, zoom?: { filterMode?: 'discard'<br>| 'keep', maxEnd?: number, maxSpan?: number, minSpan?: number, minStart?: number, panning?: bool, slider?: { enabled?: bool, showTooltip?: 'always'<br>| 'hover'<br>| 'never', size?: number }, step?: number }<br>| bool }>" | |||
There was a problem hiding this comment.
@alexfauquette should we remove the from generation? 😅
There was a problem hiding this comment.
No need to wait for this btw @bernardobelchior we can handle it in another PR
ea91ac2 to
749df2e
Compare
Closed
6 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Add support for configuring when the zoom slider tooltip is shown:
true: The tooltip is always shown.'hover': The tooltip is shown when hovering over the track or thumb.false: The tooltip is never shown.Screen.Recording.2025-05-27.at.17.55.54.mov