It results in a chart that looks like the attached picture. Is there a way to turn off the vertical lines like the one I've outlined in red?
4 Answers, 1 is accepted
answered on 01 Jul 2019, 02:36 PM
The undesired lines are the XAxis.MinerGridLines which visibility is set to true in the provided snippet. Changing the value of the highlighted below property to "false" will remove them from the chart:
I gave that a try, but it turns off all vertical lines from the X-axis. Turning on the MajorGridLines on that axis puts in lines between the months--almost what I want. Do you know of a way to have grid lines on just the ticks that have labels? I've attached a screenshot that shows what I get when I have MajorGridLines Visible = "true".
answered on 05 Jul 2019, 08:07 AM
By default the minorGridLines of category series are shown on every tick, while the majorGridLines are shown between the labels. A possible option to achieve the target layout is to set the step of the minorGridLines to 2, skipping the first one, so the lines will appear over the labels. You can set the categoryAxis.minorGridLines.step and categoryAxis.minorGridLines.skip values of the HtmlChart through its underlying Kendo UI widget like follows: