# Chart compressed

**URL:** <https://discourse.nodered.org/t/chart-compressed/64202>\
**Category:** Dashboard\
**Created:** [21 June 2022 10:13 UTC](https://discourse.nodered.org/t/chart-compressed/64202 "2022-06-21T10:13:14Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![alberparri](https://avatars.discourse-cdn.com/v4/letter/a/8797f3/32.png) [@alberparri](https://discourse.nodered.org/u/alberparri)\
**Post date:** [21 June 2022 10:13 UTC](https://discourse.nodered.org/t/chart-compressed/64202/1 "2022-06-21T10:13:14Z")

</div>

I am new in node-RED, and I have created a dashboard with a chart.  
My flow is receiveng a lot of datas. While the datas are being received, the chart is being represented completely as you can see in this picture:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/2/c2383df5f94c77d62b54ad4aff15541cf2527388.png)  
But after finishing receiving data, the graph is compressed to the left, leaving almost all the graph empty.  
I have tried to change the time in X-axis but it is the same: At right appears the last XX seconds and the rest of the graphic is empty, as you can see in this other picture:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/9/29ceae25f928864c7be7816ec8acc41cf54f7794.png).  
This is the programming of the chart node:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/8/b83f499630589f463a0ec6f669fe811daa0e3292.png)

Any idea about to solve this problem and to see the graphic in the complete X axis?  
Thanks

---

<div class="post-metadata">

**Author:** ![krambriw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/krambriw/32/5429_2.png) [@krambriw](https://discourse.nodered.org/u/krambriw)\
**Post date:** [21 June 2022 11:39 UTC](https://discourse.nodered.org/t/chart-compressed/64202/2 "2022-06-21T11:39:40Z")

</div>

I guess, you could have at least one data point with a date & time that is far in the future

Try to investigate your data points at the end

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [21 June 2022 12:43 UTC](https://discourse.nodered.org/t/chart-compressed/64202/3 "2022-06-21T12:43:11Z")

</div>

> [@alberparri](#):
>
> Any idea about to solve this problem and to see the graphic in the complete X axis?  
> Thanks

Depends rather on the data but perhaps consider changing the timespan on the x-axis to a number of points and then ensure that empty data isn't sent to the chart?

If that doesn't work, you may need to consider moving to a better charting tool. For example, a lot of us use InfluxDB along with Grafana which is able to very easily create very complex charts.

---

<div class="post-metadata">

**Author:** ![krambriw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/krambriw/32/5429_2.png) [@krambriw](https://discourse.nodered.org/u/krambriw)\
**Post date:** [21 June 2022 14:01 UTC](https://discourse.nodered.org/t/chart-compressed/64202/4 "2022-06-21T14:01:18Z")

</div>

I use Highcharts, it's also very good, handling larger amount of data points, fast in updating, good zooming features etc etc

---

<div class="post-metadata">

**Author:** ![alberparri](https://avatars.discourse-cdn.com/v4/letter/a/8797f3/32.png) [@alberparri](https://discourse.nodered.org/u/alberparri)\
**Post date:** [22 June 2022 09:45 UTC](https://discourse.nodered.org/t/chart-compressed/64202/5 "2022-06-22T09:45:16Z")

</div>

Thanks  
I have seen that there are not extrange datas . I only represent in the chart a value. The time used for X is the local time, when the datas are arriving. I have played also with number of points and the result is the same.  
I store the received datas in a CSV file but I store also a received time in Linux format and when I represent the contents of the csv in the chart, everything is ok (I couldn't represent the chart when the datas are arriving using the arrival time. I would like to do but It didn't work, I don't know why).  
I will try to use another type of chart.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [22 July 2022 09:46 UTC](https://discourse.nodered.org/t/chart-compressed/64202/6 "2022-07-22T09:46:05Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.