Charts with nativescript-angular

Thread is closed for posting
3 posts, 0 answers
  1. Christopher
    Christopher avatar
    2 posts
    Member since:
    Jan 2017

    Posted 18 Apr 2017 Link to this post

    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. Christopher
    Christopher avatar
    2 posts
    Member since:
    Jan 2017

    Posted 18 Apr 2017 in reply to Christopher Link to this post

    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.
  3. Nikolay Tsonev
    Nikolay Tsonev avatar
    340 posts

    Posted 19 Apr 2017 Link to this post

    Thank you for your interest in UI for NativeScript.

    If I understand you correctly from the last comment, you solved the issue with horizontalZoom  and 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.
    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.
Back to Top