Support for minor grid lines in ChartView?

[Don]

How do I display minor gridlines in a ChartView?  The data is displayed in a standard cartesian grid with an X and Y axis.

[Rosko]

Hi Donald,

Currently, we do not support minor ticks, thus, the same applies for minor gridlines.

I can offer you the following workaround using CustomGridLines as part of the Annotations feature (demo and help topic) of ChartView.

First of all, you need to have explicitly set Minimum, Maximum, and MajorStep of the axis:

<telerik:RadCartesianChart.VerticalAxis>
                <telerik:LinearAxis Maximum="100"
                              Minimum="0"
                              MajorStep="20"/>
</telerik:RadCartesianChart.VerticalAxis>

Then, you can generate the custom grid lines in the constructor of the window:

public MainWindow()
        {
            InitializeComponent();
            var chartVerticalAxis = (this.chart.VerticalAxis as LinearAxis);
            var min = chartVerticalAxis.Minimum;
            var max = chartVerticalAxis.Maximum;
            var majorStep = chartVerticalAxis.MajorStep;
            var minorOffset = majorStep / 2;

            for (double i = minorOffset; i < max; i += majorStep)
            {
                chart.Annotations.Add(new CartesianGridLineAnnotation() { Value = i, Stroke = new SolidColorBrush(Colors.Red), StrokeThickness = 1, Axis = chartVerticalAxis});
            }
        }

I hope that this will server you well.

Regards, Rosko
Telerik

[Don]

Thanks.  Works for me. :)

[Saurabh]

I see this is still a non-implemented feature at Q2 2014 release. How and when are you planning to implement minor grid lines in Chart view? Also, the current workaround will be very tedious if I have to do it for live like in your example - http://demos.telerik.com/silverlight/#ChartView/LiveData. (I know that is link to a silverlight demo)

[Martin Ivanov]

Hi Saurabh,

I already answered your question in the Creating Custom Major Lines  when using LogarithmicAxis forum.

Regards,
Martin
Telerik