SplineSeries needs fixes

Thread is closed for posting
8 posts, 0 answers
  1. Matjaž
    Matjaž avatar
    82 posts
    Member since:
    Jul 2015

    Posted 23 Nov 2016 Link to this post

    Both graphs on attached screenshot has same data. But first graph is SplineSeries and second is LineSeries. If value quickly rise, Spline graph is render (only small part) backwards which should not happened.

    Here is my data source:

    01.[
    02.            {
    03.                "value": 65.495002746582,
    04.                "datetime": "2016-11-22 18:49:00+01"
    05.            },
    06.            {
    07.                "value": 67.657997131348,
    08.                "datetime": "2016-11-22 21:25:00+01"
    09.            },
    10.            {
    11.                "value": 69.768997192383,
    12.                "datetime": "2016-11-22 22:43:01+01"
    13.            },
    14.            {
    15.                "value": 75.164001464844,
    16.                "datetime": "2016-11-22 23:00:01+01"
    17.            },
    18.            {
    19.                "value": 70.450996398926,
    20.                "datetime": "2016-11-22 23:01:01+01"
    21.            },
    22.            {
    23.                "value": 68.418998718262,
    24.                "datetime": "2016-11-23 00:12:01+01"
    25.            },
    26.            {
    27.                "value": 63.043998718262,
    28.                "datetime": "2016-11-23 15:05:05+01"
    29.            },
    30.            {
    31.                "value": 65.639999389648,
    32.                "datetime": "2016-11-23 15:10:05+01"
    33.            },
    34.            {
    35.                "value": 68.231002807617,
    36.                "datetime": "2016-11-23 16:24:05+01"
    37.            },
    38.            {
    39.                "value": 70.827003479004,
    40.                "datetime": "2016-11-23 16:30:05+01"
    41.            },
    42.            {
    43.                "value": 73.03099822998,
    44.                "datetime": "2016-11-23 16:38:05+01"
    45.            },
    46.            {
    47.                "value": 75.051002502441,
    48.                "datetime": "2016-11-23 17:13:05+01"
    49.            }
    50.        ]

    Problem appears from line 27 to 31.

    And here is xml source:

    <RadCartesianChart row="3" tkExampleTitle tkToggleNavButton>
        <DateTimeContinuousAxis tkCartesianHorizontalAxis [majorStep]="graphsStep" dateFormat="dd.MMM HH:mm" labelFitMode="Rotate" labelRotationAngle="0.7"></DateTimeContinuousAxis>
        <LinearAxis tkCartesianVerticalAxis></LinearAxis>
        <SplineSeries tkCartesianSeries [items]="humiditesSource" categoryProperty="datetime" valueProperty="value"></SplineSeries>
    </RadCartesianChart>
    <RadCartesianChart row="4">
        <DateTimeContinuousAxis tkCartesianHorizontalAxis [majorStep]="graphsStep" dateFormat="dd.MMM HH:mm" labelFitMode="Rotate" labelRotationAngle="1.1"></DateTimeContinuousAxis>
        <LinearAxis tkCartesianVerticalAxis></LinearAxis>
        <LineSeries tkCartesianSeries [items]="humiditesSource" categoryProperty="datetime" valueProperty="value"></LineSeries>
    </RadCartesianChart>
  2. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    351 posts

    Posted 24 Nov 2016 Link to this post

    Hello Matjaz,

    Thank you for reporting this issue - we will need some additional time to investigate and will post the solution once we have more information on that matter.
    Meanwhile, can you please provide us with the data source you are using for the DateTimeContinuousAxis
    [majorStep]="graphsStep"


    Regards,
    Nikolay Iliev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    351 posts

    Posted 24 Nov 2016 Link to this post

    Hello Matjaz Cof,

    After reviewing your code snippet I noticed that you are using DateTimeContiniousAxis instead of DateTimeCategoricalAxis.

    Changing the horizontal axis to use DateTimeCategorical is rendering your data as expected without the returning back glitch.

    <RadCartesianChart tkExampleTitle tkToggleNavButton>
        <DateTimeCategoricalAxis  tkCartesianHorizontalAxis dateTimeComponent="Hour" dateTimeFormat="dd.MMM HH:mm" labelFitMode="Rotate" labelRotationAngle="0.7"></DateTimeCategoricalAxis>
        <LinearAxis tkCartesianVerticalAxis></LinearAxis>
        <SplineSeries tkCartesianSeries [items]="categoricalSource" categoryProperty="Country" valueProperty="Amount"></SplineSeries>
    </RadCartesianChart>



    Regards,
    Nikolay Iliev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  4. Matjaž
    Matjaž avatar
    82 posts
    Member since:
    Jul 2015

    Posted 25 Nov 2016 Link to this post

    I can't. Link. There is no hurry, just add it to your list of bugs.
  5. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    351 posts

    Posted 25 Nov 2016 Link to this post

    Hello Matjaz,

    Thank you for reporting this issue - I saw what you are trying to achieve and indeed the approach with DateTimeContinuousAxis  and majorStep is logical. I have logged the problem with the reversed data here and you can track it and also join the discussion with our development team.We will update the information asap after we have solution/workaround for this situation.

    Regards,
    Nikolay Iliev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. Matjaž
    Matjaž avatar
    82 posts
    Member since:
    Jul 2015

    Posted 26 Nov 2016 Link to this post

    Should there be a link? Or I misunderstand"I have logged the problem with the reversed data here and you can track it and also join the discussion with our development team.".
  7. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    351 posts

    Posted 28 Nov 2016 Link to this post

    Hello Matjaz,

    Indeed I have missed entering the link to the logged issue.
    It's logged at this thread in NativeScript feedback repository.

    Regards,
    Nikolay Iliev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  8. Deyan
    Admin
    Deyan avatar
    2147 posts

    Posted 30 May 2017 Link to this post

    Hi,

    We're currently reviewing the case but are not able to reproduce the issue with the erroneous Spline Series rendering. Using your source and your XML setup we do not seem to be able to run the application at all the supplied Date Format does not correspond to the supplied date values.

    Can you please update your scenario so that it reproduces the glitch? This will enable us to debug the case and see how we can address it.

    Thanks for your time.

    Regards,
    Deyan
    Progress Telerik
    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