This is a migrated thread and some comments may be shown as answers.

Removing Line Graph Circles

2 Answers 361 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Justin
Top achievements
Rank 1
Justin asked on 12 Mar 2014, 07:10 PM
I'm trying to remove the little circles/symbols that are on the DataViz line graph.  I currently modified the CSS so they don't get displayed in most of the browsers.  Unfortunately the CSS hack didn't work when running the program on an Android phone.  I saw in the API documentation (also: https://github.com/telerik/kendo-docs/blob/master/api/dataviz/sparkline.md#categoryaxisnoteslabelvisible-boolean-default-true) that said you could change this Note value to false, but I've been unable to do so.  I believe the boolean attribute is: categoryAxis.notes.label.visible.

I'm using ASP.NET MVC so I'm unable to follow most of the sample code and examples b/c they are all in JavaScript (where examples are abundant).  I've pasted part of the code that I'm using for one of my charts.  I've tried adding ".Note ..." under ".categoryAxis", but it won't compile... I've tried several different methods for this attribute:

   .CategoryAxis(axis => axis
                              .Categories(@Model.Label)
                              .MajorGridLines(lines => lines.Visible(false))
                              .Labels(labels => labels.Rotation(-45).Format("{0}").Skip(0).Step(2))
                              .Notes(n => n.Notes).Visible(false)
                              
                          )

Any ideas on how to resolve this?  Thanks in advance!

2 Answers, 1 is accepted

Sort by
0
Accepted
Computer
Top achievements
Rank 1
answered on 13 Mar 2014, 02:59 PM
If you are referring to the circles on the line and not the axis, then I think you may be looking for the Series.Markers property: http://docs.telerik.com/kendo-ui/api/dataviz/chart#configuration-series.markers

Unfortunately I'm not familiar with MVC so I can't provide a code sample.
0
Justin
Top achievements
Rank 1
answered on 13 Mar 2014, 06:13 PM
Thank you, I was referring to the symbols on the line and it appears it is the "series.markers" property.  I removed the CSS that I was using to hide the circles in the line graph and changed the marker visibility property.  Now my line graph no longer shows the symbols, even when browsing from a mobile device.  Here is the simple marker visibility change, applied to the series':

[code]
                              series.Line(@Model.ApprovedToday).Name("Today").Color("#15398a").Markers(false);
                              series.Line(@Model.ApprovedYesterday).Name("Yesterday").Color("#f78f1e").Markers(false); 
 [/code]
Tags
Charts
Asked by
Justin
Top achievements
Rank 1
Answers by
Computer
Top achievements
Rank 1
Justin
Top achievements
Rank 1
Share this question
or