Packages
noora
0.86.0
0.86.0
0.85.0
0.84.1
0.84.0
0.83.2
0.83.1
0.83.0
0.82.7
0.82.6
0.82.5
0.82.4
0.82.3
0.82.2
0.82.1
0.82.0
0.81.4
0.81.3
0.81.2
0.81.1
0.81.0
0.80.1
0.80.0
0.79.1
0.79.0
0.78.1
0.78.0
0.77.4
0.77.3
0.77.2
0.77.1
0.77.0
0.76.0
0.75.0
0.74.0
0.73.0
0.72.0
0.71.0
0.70.0
0.69.1
0.69.0
0.68.0
0.67.0
0.66.0
0.65.0
0.64.2
0.64.1
0.64.0
0.63.2
0.63.1
0.63.0
0.62.0
0.61.0
0.60.0
0.59.0
0.58.0
0.57.0
0.56.1
0.56.0
0.55.0
0.54.0
0.53.1
0.53.0
0.52.1
0.52.0
0.51.0
0.50.1
0.50.0
0.49.0
0.48.0
0.47.0
0.46.0
0.45.0
0.44.3
0.44.2
0.44.1
0.44.0
0.43.0
0.42.0
0.41.0
0.40.6
0.40.5
0.40.4
0.40.3
0.40.2
0.40.1
0.40.0
0.39.1
0.39.0
0.38.0
0.37.0
0.36.0
0.35.0
0.34.0
0.33.0
0.32.1
0.32.0
0.31.0
0.30.0
0.29.2
0.29.1
0.29.0
0.28.5
0.28.4
0.28.3
0.28.2
0.28.1
0.28.0
0.27.0
0.26.1
0.26.0
0.25.0
0.24.0
0.23.1
0.23.0
0.22.1
0.22.0
0.21.0
0.20.0
0.19.0
0.18.0
0.17.0
0.16.0
0.15.0
0.14.0
0.13.0
0.12.1
0.12.0
0.11.2
0.11.1
0.11.0
0.10.0
0.9.0
0.8.0
0.7.0
0.6.1
0.6.0
0.5.1
0.5.0
0.4.0
0.3.2
0.3.1
0.3.0
0.2.2
0.2.0
0.1.0
0.1.0-rc.2
0.1.0-rc.1
0.1.0-alpha.6
0.1.0-alpha.5
0.1.0-alpha.4
0.1.0-alpha.3
0.1.0-alpha.2
0.1.0-alpha.1
A component library for Phoenix LiveView applications
Current section
Files
Jump to
Current section
Files
components/chart-axis.json
{
"name": "ChartAxis",
"tagName": "noora-chart-axis",
"elementClassName": "NooraChartAxis",
"className": "noora-chart-axis",
"modulePath": "./priv/static/noora-web-components.js",
"description": "Describes one declarative chart axis.",
"usage": "<noora-chart-axis dimension=\"x\" type=\"category\"><noora-chart-category>Monday</noora-chart-category></noora-chart-axis>",
"standalone": false,
"attributes": [
{
"name": "dimension",
"property": "dimension",
"type": "string",
"values": ["x", "y"],
"default": "x",
"description": "Chooses the horizontal or vertical axis."
},
{
"name": "type",
"property": "type",
"type": "string",
"values": ["category", "value"],
"default": "value",
"description": "Chooses a categorical or numeric axis."
},
{
"name": "min",
"property": "min",
"type": "number",
"description": "Sets the minimum numeric value."
},
{
"name": "max",
"property": "max",
"type": "number",
"description": "Sets the maximum numeric value."
},
{
"name": "label-format",
"property": "labelFormat",
"type": "string",
"description": "Formats axis labels using an Apache ECharts value template."
},
{
"name": "label-size",
"property": "labelSize",
"type": "number",
"description": "Sets the axis-label font size."
},
{
"name": "label-margin",
"property": "labelMargin",
"type": "number",
"description": "Sets the distance between labels and the axis."
},
{
"name": "hidden",
"property": "axisHidden",
"type": "boolean",
"default": false,
"description": "Hides the complete axis."
},
{
"name": "hide-line",
"property": "hideLine",
"type": "boolean",
"default": false,
"description": "Hides the axis line."
},
{
"name": "hide-ticks",
"property": "hideTicks",
"type": "boolean",
"default": false,
"description": "Hides axis tick marks."
},
{
"name": "dashed-grid",
"property": "dashedGrid",
"type": "boolean",
"default": false,
"description": "Uses dashed split lines."
},
{
"name": "no-boundary-gap",
"property": "noBoundaryGap",
"type": "boolean",
"default": false,
"description": "Removes the category-axis boundary gap."
}
],
"properties": [],
"readonlyProperties": [],
"slots": [
{
"name": "",
"description": "Declarative noora-chart-category children."
}
],
"cssParts": [],
"notes": ["Use this element inside noora-chart."],
"examples": [
{
"id": "axis",
"title": "Axis",
"description": "Describe a categorical horizontal axis.",
"markup": "<noora-chart-axis dimension=\"x\" type=\"category\"><noora-chart-category>Monday</noora-chart-category></noora-chart-axis>"
}
]
}