[Solved] SplineSeries needs fixes

[Seyfor]

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>

[Nick Iliev]

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

[Nick Iliev]

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

[Seyfor]

I can't. Link. There is no hurry, just add it to your list of bugs.

[Nick Iliev]

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

[Seyfor]

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.".

[Nick Iliev]

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

[Deyan]

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