Skip to content
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

[charts] Use new text component to avoid tick label overflow on x-axis #10648

Merged
merged 25 commits into from
Oct 19, 2023
Merged

[charts] Use new text component to avoid tick label overflow on x-axis #10648

Show file tree
Hide file tree
Changes from 10 commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
f475d46
[charts] Fix typo between internal/external variable
alexfauquette Oct 11, 2023
19941b2
fix demo formatter
alexfauquette Oct 12, 2023
c38d66f
set scale output type to number
alexfauquette Oct 12, 2023
beabeac
udpate x axis
alexfauquette Oct 12, 2023
a6557ed
scripts
alexfauquette Oct 12, 2023
72cf69e
Merge remote-tracking branch 'upstream/master' into nice-ticks
alexfauquette Oct 12, 2023
97c6ae9
support rotation
alexfauquette Oct 12, 2023
2c0a430
fix y label
alexfauquette Oct 12, 2023
7cdf186
remove duplicated class
alexfauquette Oct 13, 2023
ca4bc0d
refine margins
alexfauquette Oct 13, 2023
ffe9295
work on geomerty aspect
alexfauquette Oct 16, 2023
04718ff
remove font-size
alexfauquette Oct 16, 2023
a072c6d
fix geometry
alexfauquette Oct 16, 2023
284442f
document the new tick management
alexfauquette Oct 16, 2023
aa4243b
scripts
alexfauquette Oct 16, 2023
44089a3
fix SSR
alexfauquette Oct 16, 2023
3e42ee1
add warning
alexfauquette Oct 17, 2023
eb581e9
Apply suggestions from code review
alexfauquette Oct 18, 2023
5d29743
signe-> sign
alexfauquette Oct 18, 2023
b26ada4
typos
alexfauquette Oct 18, 2023
5bf368f
scripts
alexfauquette Oct 18, 2023
066ffe9
add textAnchor to the demo
alexfauquette Oct 18, 2023
349587d
add a hack to avoid axis label overflow
alexfauquette Oct 18, 2023
b02d351
Apply suggestions from code review
alexfauquette Oct 19, 2023
34f0985
scripts
alexfauquette Oct 19, 2023
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
2 changes: 1 addition & 1 deletion docs/data/charts/lines/CSSCustomization.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ export default function CSSCustomization() {
id: 'Years',
data: years,
scaleType: 'time',
valueFormatter: (date) => date.getFullYear(),
valueFormatter: (date) => date.getFullYear().toString(),
},
]}
series={[
Expand Down
2 changes: 1 addition & 1 deletion docs/data/charts/lines/CSSCustomization.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ export default function CSSCustomization() {
id: 'Years',
data: years,
scaleType: 'time',
valueFormatter: (date) => date.getFullYear(),
valueFormatter: (date) => date.getFullYear().toString(),
},
]}
series={[
Expand Down
2 changes: 1 addition & 1 deletion docs/data/charts/lines/StackedAreas.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ export default function StackedAreas() {
id: 'Years',
data: years,
scaleType: 'time',
valueFormatter: (date) => date.getFullYear(),
valueFormatter: (date) => date.getFullYear().toString(),
},
]}
series={[
Expand Down
2 changes: 1 addition & 1 deletion docs/data/charts/lines/StackedAreas.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ export default function StackedAreas() {
id: 'Years',
data: years,
scaleType: 'time',
valueFormatter: (date) => date.getFullYear(),
valueFormatter: (date) => date.getFullYear().toString(),
},
]}
series={[
Expand Down
22 changes: 10 additions & 12 deletions docs/data/charts/stacking/StackOrderDemo.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ import TextField from '@mui/material/TextField';
import MenuItem from '@mui/material/MenuItem';
import { BarChart } from '@mui/x-charts/BarChart';

import { axisClasses } from '@mui/x-charts/ChartsAxis';

// Data comming from https://www.insee.fr/fr/statistiques/5013868
const commonTransportation = [
6.5, 12.5, 17.2, 19.6, 20.1, 20.0, 19.5, 18.8, 18.2, 17.3, 16.4, 15.9, 15.2, 14.7,
Expand Down Expand Up @@ -110,22 +108,22 @@ export default function StackOrderDemo() {
<BarChart
width={700}
height={300}
xAxis={[xAxis]}
yAxis={[{ min: 0, max: 100 }]}
series={modifiedSeries}
margin={{ bottom: 70 }}
sx={{
[`.${axisClasses.bottom}`]: {
[`.${axisClasses.tickLabel}`]: {
transform: 'rotate(45deg)',
xAxis={[
{
...xAxis,
tickLabelStyle: {
angle: 45,
dominantBaseline: 'hanging',
textAnchor: 'start',
},
[`.${axisClasses.label}`]: {
labelStyle: {
transform: 'translateY(15px)',
},
},
}}
]}
yAxis={[{ min: 0, max: 100 }]}
series={modifiedSeries}
margin={{ bottom: 70 }}
/>
</Box>
</Box>
Expand Down
21 changes: 10 additions & 11 deletions docs/data/charts/stacking/StackOrderDemo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ import TextField from '@mui/material/TextField';
import MenuItem from '@mui/material/MenuItem';
import { BarChart } from '@mui/x-charts/BarChart';
import { StackOrderType } from '@mui/x-charts/models';
import { axisClasses } from '@mui/x-charts/ChartsAxis';

// Data comming from https://www.insee.fr/fr/statistiques/5013868
const commonTransportation = [
Expand Down Expand Up @@ -105,22 +104,22 @@ export default function StackOrderDemo() {
<BarChart
width={700}
height={300}
xAxis={[xAxis]}
yAxis={[{ min: 0, max: 100 }]}
series={modifiedSeries}
margin={{ bottom: 70 }}
sx={{
[`.${axisClasses.bottom}`]: {
[`.${axisClasses.tickLabel}`]: {
transform: 'rotate(45deg)',
xAxis={[
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Basically here all the styling is moved in the axis properties

{
...xAxis,
tickLabelStyle: {
angle: 45,
dominantBaseline: 'hanging',
textAnchor: 'start',
},
[`.${axisClasses.label}`]: {
labelStyle: {
transform: 'translateY(15px)',
},
},
}}
]}
yAxis={[{ min: 0, max: 100 }]}
series={modifiedSeries}
margin={{ bottom: 70 }}
/>
</Box>
</Box>
Expand Down
8 changes: 4 additions & 4 deletions docs/pages/x/api/charts/bar-chart.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"bottomAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "xAxisIds[0] The id of the first provided axis"
},
Expand All @@ -13,14 +13,14 @@
"leftAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "yAxisIds[0] The id of the first provided axis"
},
"rightAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "null"
},
Expand All @@ -29,7 +29,7 @@
"topAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "null"
}
Expand Down
8 changes: 4 additions & 4 deletions docs/pages/x/api/charts/charts-axis.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,21 @@
"bottomAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "xAxisIds[0] The id of the first provided axis"
},
"leftAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "yAxisIds[0] The id of the first provided axis"
},
"rightAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "null"
},
Expand All @@ -26,7 +26,7 @@
"topAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "null"
}
Expand Down
24 changes: 22 additions & 2 deletions docs/pages/x/api/charts/charts-x-axis.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,32 @@
"disableTicks": { "type": { "name": "bool" } },
"fill": { "type": { "name": "string" }, "default": "'currentColor'" },
"label": { "type": { "name": "string" } },
"labelFontSize": { "type": { "name": "number" }, "default": "14" },
"labelFontSize": {
"type": { "name": "number" },
"default": "14",
"deprecated": true,
"deprecationInfo": "You can us <code>labelStyle.fontSize</code> instead."
},
"labelStyle": { "type": { "name": "object" } },
"position": { "type": { "name": "enum", "description": "'bottom'<br>&#124;&nbsp;'top'" } },
"slotProps": { "type": { "name": "object" }, "default": "{}" },
"slots": { "type": { "name": "object" }, "default": "{}" },
"stroke": { "type": { "name": "string" }, "default": "'currentColor'" },
"tickFontSize": { "type": { "name": "number" }, "default": "12" },
"tickFontSize": {
"type": { "name": "number" },
"default": "12",
"deprecated": true,
"deprecationInfo": "You can us <code>tickLabelStyle.fontSize</code> instead."
},
"tickInterval": {
"type": { "name": "union", "description": "'auto'<br>&#124;&nbsp;func" },
"default": "'auto'"
},
"tickLabelInterval": {
"type": { "name": "union", "description": "'auto'<br>&#124;&nbsp;func" },
"default": "'auto'"
},
"tickLabelStyle": { "type": { "name": "object" } },
"tickMaxStep": { "type": { "name": "number" } },
"tickMinStep": { "type": { "name": "number" } },
"tickNumber": { "type": { "name": "number" } },
Expand Down
24 changes: 22 additions & 2 deletions docs/pages/x/api/charts/charts-y-axis.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,32 @@
"disableTicks": { "type": { "name": "bool" } },
"fill": { "type": { "name": "string" }, "default": "'currentColor'" },
"label": { "type": { "name": "string" } },
"labelFontSize": { "type": { "name": "number" }, "default": "14" },
"labelFontSize": {
"type": { "name": "number" },
"default": "14",
"deprecated": true,
"deprecationInfo": "You can us <code>labelStyle.fontSize</code> instead."
},
"labelStyle": { "type": { "name": "object" } },
"position": { "type": { "name": "enum", "description": "'left'<br>&#124;&nbsp;'right'" } },
"slotProps": { "type": { "name": "object" }, "default": "{}" },
"slots": { "type": { "name": "object" }, "default": "{}" },
"stroke": { "type": { "name": "string" }, "default": "'currentColor'" },
"tickFontSize": { "type": { "name": "number" }, "default": "12" },
"tickFontSize": {
"type": { "name": "number" },
"default": "12",
"deprecated": true,
"deprecationInfo": "You can us <code>tickLabelStyle.fontSize</code> instead."
},
"tickInterval": {
"type": { "name": "union", "description": "'auto'<br>&#124;&nbsp;func" },
"default": "'auto'"
},
"tickLabelInterval": {
"type": { "name": "union", "description": "'auto'<br>&#124;&nbsp;func" },
"default": "'auto'"
},
"tickLabelStyle": { "type": { "name": "object" } },
"tickMaxStep": { "type": { "name": "number" } },
"tickMinStep": { "type": { "name": "number" } },
"tickNumber": { "type": { "name": "number" } },
Expand Down
8 changes: 4 additions & 4 deletions docs/pages/x/api/charts/line-chart.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
"bottomAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "xAxisIds[0] The id of the first provided axis"
},
Expand All @@ -14,14 +14,14 @@
"leftAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "yAxisIds[0] The id of the first provided axis"
},
"rightAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'left'<br>&#124;&nbsp;'right', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "null"
},
Expand All @@ -30,7 +30,7 @@
"topAxis": {
"type": {
"name": "union",
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
"description": "{ axisId: string, classes?: object, disableLine?: bool, disableTicks?: bool, fill?: string, label?: string, labelFontSize?: number, labelStyle?: object, position?: 'bottom'<br>&#124;&nbsp;'top', slotProps?: object, slots?: object, stroke?: string, tickFontSize?: number, tickInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelInterval?: 'auto'<br>&#124;&nbsp;func, tickLabelStyle?: object, tickMaxStep?: number, tickMinStep?: number, tickNumber?: number, tickSize?: number }<br>&#124;&nbsp;string"
},
"default": "null"
}
Expand Down
Loading
Loading