[Solved] How to hide the CategoryAxis value when there is to many sample points

[Qian]

Hi all,
I'm using the Telerik Extension for MVC, Chart -> Line. Everything went well, but I fount a problem. There are too many sample points in my data set (and I do need all these data) and the the axis value in X cannot be seen clearly. I just want to not to show them or is there any other better choice. Can anyone tell me how to do that?

@{
    Html.Telerik().Chart(Model.ProcessorPerfData)
        .Name("processorView")
        .Title("Processor Utilization")
        .Legend(legend => legend.Position(ChartLegendPosition.Bottom))
        .CategoryAxis(axis => axis.Categories(m => m.DateTimeString))
        .Series(s => s.Line(m => m.ProcessorTime).Name("%Processor Time").Width(1).Markers(false))
        .HtmlAttributes(new { style = "width: 700px; height: 280px;" })
        .Render();
}

Please see the screen shot in the attachment.
Thanks !

[Ryan Behan]

Qian,
   Add the following to your categories setup.

.CategoryAxis(axis => axis.Categories(m => m.DateTimeString)
.Labels(false)
)
you could optionally add
.Tooltip(tooltip => tooltip
                    .Template("<#= category #> - <#= value #>")
                    .Visible(true))

So you can mouse over the data points in some cases to see a value, may not be as helpful in your case.

-Ryan

[Qian]

Thanks for you suggestion, but I added Label(false) to my code and it didn't work

@{
    Html.Telerik().Chart(Model.ProcessorPerfData)
        .Name("processorView")
        .Title("Processor Utilization")
        .Legend(legend => legend.Position(ChartLegendPosition.Bottom))
        .CategoryAxis(axis => axis.Categories(m => m.DateTimeString).Labels(false))
        .Series(s => s.Line(m => m.ProcessorTime).Name("%Processor Time").Width(1).Markers(false))
        .HtmlAttributes(new { style = "width: 700px; height: 280px;" })
        .Render();
}

I've tried to clean up the cache in the IE. Do you have any idea what may be the cause?
Thanks

[Ryan Behan]

Qian,
    2 suggestions at this time.

1)  I know you've stated you've addressed browser cache.  Have you reproduced in another browser, chrome, FF, safari?  
2)  You could make all the elements in your category an empty string, that might hack it.

-Ryan

[Iliana Dyankova]

Hello,

It is possible Labels(false) option not to work properly in previous versions - we've had a problem, but it was fixed. Could you please try with Q1 release?
As another solution I could suggest to use Labels Step() in order to prevent overlaping of the Category labels and skip some of them.
For example:

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

 

Kind regards,
Iliana Nikolova
the Telerik team