Chart: Grid
In this article, you will learn how to display the grid lines in Telerik Chart for NativeScript
.
RadCartesianChartGrid
The RadCartesianChartGrid
represents a decoration over the plot area of RadCartesianChart. Adds major and minor lines, connected to each Major and Minor tick of each axis. You can set a new grid by declaring an RadCartesianChartGrid
and setting the tkCartesianGrid
directives on the instance.
<RadCartesianChartGrid tkCartesianGrid horizontalLinesVisible="true" verticalLinesVisible="true" horizontalStripLinesVisible="true"
verticalStripLinesVisible="true" verticalStrokeColor="#804d0026" horizontalStrokeColor="#ffffcc80" horizontalStrokeWidth="2"
verticalStrokeWidth="3" horizontalStripLineColor="#8059005c, #804d0026"></RadCartesianChartGrid>
Features
Horizontal and Vertical Stroke color
RadCartesianChartGrid
offers the possibility to change the vertical and horizontal strokes colors. To modify the values use the horizontalStrokeColor
and verticalStrokeColor
properties.
Horizontal and Vertical Strip line color
RadCartesianChartGrid
offers the possibility to change the vertical and horizontal strip lines color. To modify the values use the horizontalStripLineColor
and verticalStripLineColor
properties.
Horizontal and Vertical Stroke width
Just like the Stroke color, RadCartesianChartGrid
offers the possibility to change the vertical and horizontal stroke widths. To modify the values use the horizontalStrokeWidth
and verticalStrokeWidth
properties.
Horizontal and Vertical lines visibility
RadCartesianChartGrid
offers the possibility to change the vertical and horizontal lines visibility. To show or hide the lines modify the horizontalLinesVisible
and verticalLinesVisible
properties.
Horizontal and Vertical strip lines visibility
RadCartesianChartGrid
offers the possibility to change the vertical and horizontal strip lines visibility. To show or hide the lines modify the horizontalStripLinesVisible
and verticalStripLinesVisible
properties.