Skip Displaying Labels on Category Axis

[Scott]

HI,

 I am displaying 80 records on a bar chart and when the renders on the screen, all the labels on the category axis are squashed together. 

Is there a way of only displaying the 5th label?

The code i have tried is:

@(Html.Kendo().Chart()
         .Name("string-battery-chart")
         .Title("BATTERY VOLTAGES")
         .Theme("moonlight")
         .Legend(legend => legend.Visible(false))
         .ChartArea(ch => ch.Height(300).Background("transparent"))
         .DataSource(ds => ds.Read(read => read.Action("BatteryVoltageChartData", "STRING")))
         .Series(series =>
         {
             series.Column("Value").CategoryField("BatteryNumber").Name("Volts [V]").Color("#0099ff");
             series.Line("Value").CategoryField("BatteryNumber");
         })
         .CategoryAxis(axis => axis.Title("Battery Number").MajorTicks(ticks => ticks.Skip(4).Step(5)))
         .ValueAxis(axis => axis.Numeric("Value").Title("Volts").Labels(lab => lab.Format("{0}V")))
         .Tooltip(t => t.Visible(true).Template("Battery ${category}: ${value} V"))
         .Transitions(false)
         .Events(e => e.Zoom("onZoom"))
         .Events(e => e.Drag("onDrag"))
         .Events(e => e.DragEnd("onDragEnd"))
         )

Can anyone help please?

Thanks

Scott

[Plamen Lazarov]

Hi Scott,

By default every label is rendered. In order to achieve this you could use categoryAxys.labels.step configuration - it provides an option to render every n-th label. Take a look at the code snippet below: 

.CategoryAxis(axis => axis
        ...
        ...
        .Labels(labels => labels.Step(5))
    )

Regards,

Plamen Lazarov
Telerik

[Scott]

Easy. 

Thanks Plamen