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

Kendo chart start and end points being cut off

1 Answer 73 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Inkey
Top achievements
Rank 1
Inkey asked on 23 Jul 2018, 01:22 PM

I have a chart with a navigator which start and end points are being cut off.
See attached photo

I have fixed the end points being cut off by adding .Panes(panes => panes.Add().Clip(false))
However when I now use the navigator it when zooming in the lines in the chart are going outside the axis.

see attached photo.

Is there any way to fix both issues without affecting the other?

Thanks

1 Answer, 1 is accepted

Sort by
0
Accepted
Tsvetina
Telerik team
answered on 25 Jul 2018, 10:49 AM
Hello Inkey,

The pan and zoom features in Charts depend on clipping, so disabling clipping in a Stock Chart, which heavily relies on panning and zooming, is not recommended. Instead, you can justify the category axis, so that the first and last data points are not drawn at the Chart edges:
.CategoryAxis(axis => axis
.Date()
.Justify(false)
.Labels(lbl => lbl.Step(7))
)


Regards,
Tsvetina
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Chart
Asked by
Inkey
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or