UWP WinRTXamlToolkit: Chart labels cut off

Question

I'm using the charts of the WinRTXamlToolkit for an UWP-App.

Using an 720p display or better (e.g. Lumia 640) the chart looks just fine, but using a device with a lower resolution (e.g. Lumia 535 at 960x540), the edges of the chart are cut off. I've already tried to change several variables of the chart like padding, margin, width or height, but the outer parts of the chart remain cut off. Whatsoever: changing the scaling of the lower-resolution-device to 125% solves the problem.

Is there a way, to achieve a non-cut-off-chart, without having to set the scaling in device settings on affected devices? The current behaviour forces users to change their overall resolution-scaling just for this one feature.

Example of a cut-off chart

Example of a "normal" chart

score 0 · Accepted Answer · answered Oct 12 '16 at 15:43

0

Seems like the layout is just unable to fit all the elements so they all get their fair amounts of space and the rest gets clipped off. Of course there's probably some issue with that layout logic of the chart control that might be fixed, but if you want a quick fix - you could set the Width/Height of the chart to fixed values and stuff it in a Viewbox.

answered Oct 12 '16 at 15:43

Filip Skakun

31,624
6
74
100

Thought of this too - unfortunately it does not work and the edges are still cut off. Any other ideas? – Jerome Dreyer Oct 13 '16 at 09:40
Use something simpler to draw the charts, like Win2D. I have a sample at https://github.com/xyzzer/Win2DChartSample – Filip Skakun Oct 17 '16 at 02:20
1

Small update: In the meantime I've created a custom chart to fit my needs using Win2D - Thank you for that helpful sample! – Jerome Dreyer Nov 23 '16 at 09:27
I'm glad I could help. Can you accept the answer then? Would you like to share your solution or app name? – Filip Skakun Nov 23 '16 at 18:06
App is called "Naviki", but it is not released yet and going live soon. – Jerome Dreyer Nov 24 '16 at 07:31

UWP WinRTXamlToolkit: Chart labels cut off

1 Answers1