# TimeSeries Chart giving Errors

**URL:** <https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 20, 2023, 8:18pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789 "2023-10-20T20:18:00Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![scadafan](https://avatars.discourse-cdn.com/v4/letter/s/90db22/32.png) [@scadafan](https://forum.inductiveautomation.com/u/scadafan)\
**Post date:** [October 20, 2023, 8:18pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/1 "2023-10-20T20:18:00Z")

</div>

I am trying to create a TimeSeriesChart using a query that pulls just a value and timestamp. However, when I do that I get a component error on the chart. No other information. When I go on the browser I see the following error:

```auto
Error: The "series" property must contain data in chronological order.
    at C.renderErrorDisplay (PerspectiveTimeseriesCharts.84e808f37e30d36c24fb.js:2:945778)
    at C.render (PerspectiveTimeseriesCharts.84e808f37e30d36c24fb.js:2:949287)
    at Ie (react-dom-16.14.0.js:104:8)
    at rh (react-dom-16.14.0.js:103:334)
    at zj (react-dom-16.14.0.js:228:490)
    at Th (react-dom-16.14.0.js:152:223)
    at tj (react-dom-16.14.0.js:152:152)
    at Te (react-dom-16.14.0.js:146:151)
    at react-dom-16.14.0.js:61:68
    at unstable_runWithPriority (react-16.14.0.js:25:260)

```

Anyone have any idea what the issue is. I have all information coming in ASC by the time. So I am not sure what is going on.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 20, 2023, 8:21pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/2 "2023-10-20T20:21:22Z")

</div>

Post the `props.series` so we can have a look.

---

<div class="post-metadata">

**Author:** ![scadafan](https://avatars.discourse-cdn.com/v4/letter/s/90db22/32.png) [@scadafan](https://forum.inductiveautomation.com/u/scadafan)\
**Post date:** [October 20, 2023, 8:25pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/3 "2023-10-20T20:25:59Z")

</div>

```auto
[
  {
    "name": "Boiler",
    "data": {
      "$": [
        "ds",
        192,
        1697833490188
      ],
      "$columns": [
        {
          "name": "value",
          "type": "String",
          "data": [
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "75.0",
            "75.0",
            "76.0",
            "0",
            "0",
            "75.0",
            "93.0",
            "0",
            "0",
            "94.0",
            "94.0",
            "95.0",
            "0",
            "0",
            "0",
            "0",
            "0",
            "167.0",
            "0",
            "0",
            "191.0",
            "0",
            "0",
            "220.0"
          ]
        },
        {
          "name": "time",
          "type": "Date",
          "data": [
            1696833208000,
            1696834458000,
            1696834471000,
            1696834559000,
            1696895570000,
            1696895576000,
            1696905848000,
            1696905881000,
            1696905889000,
            1696949756000,
            1696949769000,
            1696966655000,
            1696966664000,
            1696969291000,
            1696969295000,
            1697039559000,
            1697039564000,
            1697039573000,
            1697042371000,
            1697042372000,
            1697043564000,
            1697044095000,
            1697044100000,
            1697047654000,
            1697053330000,
            1697053330000,
            1697060078000,
            1697128338000,
            1697129830000,
            1697129835000,
            1697129851000,
            1697130752000,
            1697133721000,
            1697238985000,
            1697239002000,
            1697239002000,
            1697473343000,
            1697473350000,
            1697473381000,
            1697560392000,
            1697560393000,
            1697560501000,
            1697590473000,
            1697590474000,
            1697667582000
          ]
        }
      ]
    }
  }
]

```

Hopefully that is what you are looking for

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 20, 2023, 8:42pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/4 "2023-10-20T20:42:55Z")

</div>

> Each value entry must be labeled with the column name to which it corresponds. Data can also be an array containing value entries (all must be numbers). **Each value entry consists of a timestamp (which must be the first value)** and one or more values that were captured at that time.

[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Time+Series+Chart](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Time+Series+Chart)

Try swapping the column order in your query.

---

<div class="post-metadata">

**Author:** ![scadafan](https://avatars.discourse-cdn.com/v4/letter/s/90db22/32.png) [@scadafan](https://forum.inductiveautomation.com/u/scadafan)\
**Post date:** [October 20, 2023, 9:11pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/5 "2023-10-20T21:11:59Z")

</div>

wow ok that seemed to work. Thank you very much spent hours trying to go through it

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 20, 2023, 9:17pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/6 "2023-10-20T21:17:31Z")

</div>

> [@scadafan](#):
>
> spent hours trying to go through it

We all have!

By the way, if you're not already aware, there's a dataset icon beside `props.series.0.data` that allows you to inspect the dataset. I was able to paste your data in there, check the dataset and had a vague memory that the timestamp had to be the first column.

---

<div class="post-metadata">

**Author:** ![scadafan](https://avatars.discourse-cdn.com/v4/letter/s/90db22/32.png) [@scadafan](https://forum.inductiveautomation.com/u/scadafan)\
**Post date:** [October 20, 2023, 9:27pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/7 "2023-10-20T21:27:51Z")

</div>

Oh good to know. Thank you

---

<div class="post-metadata">

**Author:** ![scadafan](https://avatars.discourse-cdn.com/v4/letter/s/90db22/32.png) [@scadafan](https://forum.inductiveautomation.com/u/scadafan)\
**Post date:** [October 23, 2023, 10:15pm UTC](https://forum.inductiveautomation.com/t/timeseries-chart-giving-errors/80789/8 "2023-10-23T22:15:51Z")

</div>

Sorry to revive this but I have another issue. I managed to get my trends going. However, now we I load that page 2 or 3 times. The whole server actually crashes and has to reboot. Any idea why this could be happening? Ive got 3 trends on the page.