Back to Tuist

ChartAxis

noora/docs/components/chartaxis.md

4.204.01.5 KB
Original Source
<!-- Generated by scripts/generate-web-components.js. Do not edit directly. -->

ChartAxis

Describes one declarative chart axis.

html
<noora-chart-axis dimension="x" type="category"><noora-chart-category>Monday</noora-chart-category></noora-chart-axis>

Attributes

AttributeType or allowed valuesDefaultDescription
dimensionx, y"x"Chooses the horizontal or vertical axis.
typecategory, value"value"Chooses a categorical or numeric axis.
minnumberNoneSets the minimum numeric value.
maxnumberNoneSets the maximum numeric value.
label-formatstringNoneFormats axis labels using an Apache ECharts value template.
label-sizenumberNoneSets the axis-label font size.
label-marginnumberNoneSets the distance between labels and the axis.
hiddenbooleanfalseHides the complete axis.
hide-linebooleanfalseHides the axis line.
hide-ticksbooleanfalseHides axis tick marks.
dashed-gridbooleanfalseUses dashed split lines.
no-boundary-gapbooleanfalseRemoves the category-axis boundary gap.

Slots

SlotDescription
defaultDeclarative noora-chart-category children.

Use this element inside noora-chart.

Axis

Describe a categorical horizontal axis.

html
<noora-chart-axis dimension="x" type="category"><noora-chart-category>Monday</noora-chart-category></noora-chart-axis>