Telerik UI for Windows 8 HTML

This help article describes the properties belonging to the _AxisLineConfiguration class, which are available when setting the axes' lines.

Axis Line Configuration

Name

Description

color

Controls the color of the axis line. Accepts any valid CSS color as value.

dashType

You can modify the "texture" of the axis line. By setting one of the following values to the dashType property, you can choose the pattern of the line that will be drawn:

  • solid

  • dot

  • dash

  • longDash

  • dashDot

  • longDashDot

  • longDashDotDot

visible

A Boolean property that controls the visibility of the axis line.

width

Use this property to set the line width in pixels. It accepts numeric values.

Example

Axis Line Copy imageCopy
<div id="chart1" data-win-control="Telerik.UI.RadChart" data-win-options="{
            series: [{
                data: [15.7, 16.7, 20, 23.5, 26.6]
            }],
            categoryAxis: {
                categories: [2005, 2006, 2007, 2008, 2009]
            },
            valueAxis: {
                line: {
                    color: 'cyan',
                    width: 2
                },
                majorTicks: {
                    size: 10
                }
            },
            height: 300,
            width: 600
}">
</div>
chart-axes-line