class RadialLinearAxis extends RadialAxis
https://www.chartjs.org/docs/2.7.3/axes/radial/linear.html
RadialLinearAxis inherits all the properties from RadialAxis
The linear scale is used to chart numerical data. As the name suggests, linear interpolation is used to determine where a value lies in relation the center of the axis.
| Attribute name | Type | Default | Description |
|---|---|---|---|
| anglelineDisplay | boolean | true | if true, angle lines are shown |
| anglelineColor | Color | rgba(0, 0, 0, 0.1) |
Color of angled lines |
| anglelineLinewidth | number | 1 | Width of angled lines |
| anglelineBorderdash | number[] | [] | Length and spacing of dashes on angled lines. See MDN |
| anglelineBorderdashoffset | number | 0 | Offset for line dashes. See MDN |
| gridlineDisplay | boolean | true | If false, do not display grid lines for this axis |
| gridlineCircular | boolean | false | If true, gridlines are circular (on radar chart only) |
| gridlineColor | Color / Color[] | rgba(0, 0, 0, 0.1) |
The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line and so on |
| gridlineBorderdash | number[] | [] | Length and spacing of dashes on grid lines. See MDN |
| gridlineBorderdashoffset | number | 0 | Offset for line dashes. See MDN |
| gridlineLinewidth | number / number[] | 1 | Stroke width of grid lines |
| gridlineDrawborder | boolean | true | If true, draw border at the edge between the axis and the chart area |
| gridlineDrawonchartarea | boolean | true | If true, draw lines on the chart area inside the axis lines. This is useful when there are multiple axes and you need to control which grid lines are drawn |
| gridlineDrawticks | boolean | true | If true, draw lines beside the ticks in the axis area beside the chart |
| gridlineTickmarklength | number | 10 | Length in pixels that the grid lines will draw into the axis area |
| gridlineZerolinewidth | number | 1 | Stroke width of the grid line for the first index (index 0) |
| gridlineZerolinecolor | Color | rgba(0, 0, 0, 0.25) |
Stroke color of the grid line for the first index (index 0) |
| gridlineZerolineborderdash | number[] | [] | Length and spacing of dashes of the grid line for the first index (index 0). See MDN |
| gridlineZerolineborderdashoffset | number | 0 | Offset for line dashes of the grid line for the first index (index 0). See MDN |
| gridlineOffsetGridLines | boolean | false | If true, grid lines will be shifted to be between labels. This is set to true for a bar chart by default |
| gridlineZ | number | 0 | z-index of gridline layer. Values <= 0 are drawn under datasets, > 0 on top |
| pointlabelDisplay | boolean | true | if true, point labels are shown |
| pointlabelCallback | function | Callback function to transform data labels to point labels. The default implementation simply returns the current string | |
| pointlabelFontcolor | Color / Color[] | #666 |
Font color for point labels |
| pointlabelFontfamily | string | "Helvetica Neue, Helvetica, Arial, sans-serif" |
Font family to use when rendering labels |
| pointlabelFontsize | number | 10 | font size in pixels |
| pointlabelFontstyle | string | normal |
Font style to use when rendering point labels |
| pointlabelLineheight | number / string | 1.2 | Height of an individual line of text (See MDN) |
| tickBackdropcolor | Color | rgba(255, 255, 255, 0.75) |
Color of label backdrops |
| tickBackdroppaddingx | number | 2 | Horizontal padding of label backdrop |
| tickBackdroppaddingy | number | 2 | Vertical padding of label backdrop |
| tickBeginatzero | boolean | false | if true, scale will include 0 if it is not already included |
| tickMin | number | User defined minimum number for the scale, overrides minimum value from data. See more... | |
| tickMax | number | User defined maximum number for the scale, overrides maximum value from data. See more... | |
| tickMaxtickslimit | number | 11 | Maximum number of ticks and gridlines to show |
| tickPrecision | number | if defined and stepSize is not specified, the step size will be rounded to this many decimal places | |
| tickStepsize | number | User defined fixed step size for the scale. See more... | |
| tickSuggestedmax | number | Adjustment used when calculating the maximum data value. See more... | |
| tickSuggestedmin | number | Adjustment used when calculating the minimum data value. See more... | |
| tickShowlabelbackdrop | boolean | true | If true, draw a background behind the tick labels |
<c-chart>
<c-radial-linear-axis
anglelines-display="true"
pointlabel-fontsize="12">
</c-radial-linear-axis>
</c-chart>