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

Charts with nativescript-angular

2 Answers 73 Views
Chart
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Christopher
Top achievements
Rank 1
Christopher asked on 18 Apr 2017, 08:47 PM

I'm having a lot of issues with charts and ui pro with nativescript-angular. I'm trying to set a default zoom level, as I have around 100 data points and it's way too zoomed out to start with, but nothing I do seems to affect this. The documentation is missing quite a few examples for the angular stuff, so I'm a bit lost as to how we're supposed to do things like set the "horizontalZoom" property.

I've tried setting it as a property of the RadCartesianChart element, like: <RadCartesianChart #chart horizontalZoom="1.5">...</RadCartesianChart>, but that doesn't seem to actually do anything. Also, I've tried grabbing the element via ViewChild('chart'), and the horizontalZoom property is undefined.

Zooming and panning works fine, I just can't seem to get it to set a default value.

2 Answers, 1 is accepted

Sort by
0
Christopher
Top achievements
Rank 1
answered on 18 Apr 2017, 08:51 PM
and of course I got it to start working immediately after posting this... I simply wasn't using large enough values on my horizontalZoom property.
0
Nikolay Tsonev
Telerik team
answered on 19 Apr 2017, 05:45 AM
Hi,
Thank you for your interest in UI for NativeScript.

If I understand you correctly from the last comment, you solved the issue with everything work as expected at the moment.

However, for your convenience, I am attaching sample project, where the property has been set up in the RadChart component. For further help, you could also review this part of the documentation.

Let me know if I could assist you further.
Regards,
nikolay.tsonev
Telerik by Progress
Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
Tags
Chart
Asked by
Christopher
Top achievements
Rank 1
Answers by
Christopher
Top achievements
Rank 1
Nikolay Tsonev
Telerik team
Share this question
or