# \#ui-chart

**URL:** https://discourse.nodered.org/tag/ui-chart/199.md

[Latest](https://discourse.nodered.org/latest.md) · [Categories](https://discourse.nodered.org/categories.md) · [Tags](https://discourse.nodered.org/tags.md)

---

## [Line chart: maximum y axis values?](https://discourse.nodered.org/t/line-chart-maximum-y-axis-values/100455)

<div class="topic-metadata">

**Author:** [@metawops](https://discourse.nodered.org/u/metawops)\
**Replies:** 3\
**Last updated:** [26 February 2026 13:20 UTC](https://discourse.nodered.org/t/line-chart-maximum-y-axis-values/100455 "2026-02-26T13:20:49Z")

</div>

I'm using the astrodata node and wanted to plot the sun distance values (app. 148.100.000 km) on the y axis of a line chart. I had to divide the values by 1000 to make something happen. I was searching the docs for som…

---

## [Use a bar chart the simpler way - dashboard 2](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421)

<div class="topic-metadata">

**Author:** [@BambosD](https://discourse.nodered.org/u/BambosD)\
**Replies:** 3\
**Last updated:** [20 February 2026 14:01 UTC](https://discourse.nodered.org/t/use-a-bar-chart-the-simpler-way-dashboard-2/100421 "2026-02-20T14:01:27Z")

</div>

Hello everyone, I'm trying to visualize status data in a simpler form on bar chart. Axis X , the devices with string names, device 1, 2, 3. Axis Y, is online status, True or False, 1 or 0. It seems to me that the ob…

---

## [Align two charts perfectly?](https://discourse.nodered.org/t/align-two-charts-perfectly/100373)

<div class="topic-metadata">

**Author:** [@metawops](https://discourse.nodered.org/u/metawops)\
**Replies:** 6\
**Last updated:** [16 February 2026 13:53 UTC](https://discourse.nodered.org/t/align-two-charts-perfectly/100373 "2026-02-16T13:53:19Z")

</div>

How can I make the y-axes of the two charts perfectly align vertically, so that both x-axes' markings are aligned perfectly? The y-axes positions (meaning: the vertical lines at the leftmost x value which is identica…

---

## [Dashboard 2.0 ui-chart - Don't show the Legend](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-dont-show-the-legend/100326)

<div class="topic-metadata">

**Author:** [@Sergii](https://discourse.nodered.org/u/Sergii)\
**Replies:** 6\
**Last updated:** [8 February 2026 17:06 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-dont-show-the-legend/100326 "2026-02-08T17:06:07Z")

</div>

I need to place some lines and other information on a chart that doesn't require a legend to be displayed. For example, these upper and lower limits are two lines. But the legend must be for other lines. Here I would…

---

## [Dashboard 2.0 ui-chart, prevent line color changes for certain data](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-prevent-line-color-changes-for-certain-data/100214)

<div class="topic-metadata">

**Author:** [@Sergii](https://discourse.nodered.org/u/Sergii)\
**Replies:** 3\
**Last updated:** [22 January 2026 08:14 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-prevent-line-color-changes-for-certain-data/100214 "2026-01-22T08:14:56Z")

</div>

I have some data. For example, it's the temperatures of cold and hot water. I wanted to plot a temperature graph with two lines. Cold temperature water - blue line. Hot water - red line. I did it this way: \[{"id":"602a…

---

## [Ui-Chart Dashboard V2 - Multi-line line chart from SQL data](https://discourse.nodered.org/t/ui-chart-dashboard-v2-multi-line-line-chart-from-sql-data/99646)

<div class="topic-metadata">

**Author:** [@Vespamike](https://discourse.nodered.org/u/Vespamike)\
**Replies:** 6\
**Last updated:** [12 November 2025 15:20 UTC](https://discourse.nodered.org/t/ui-chart-dashboard-v2-multi-line-line-chart-from-sql-data/99646 "2025-11-12T15:20:55Z")

</div>

Hello everyone, I'm looking for your help as I'm new to this. I'm migrating a working project from Dashboard v1 to v2 and am having issues with the display format on line graphs. I need to display multiple temperatures o…

---

## [Evenly Spaced Chart Axis](https://discourse.nodered.org/t/evenly-spaced-chart-axis/99242)

<div class="topic-metadata">

**Author:** [@CJS](https://discourse.nodered.org/u/CJS)\
**Replies:** 5\
**Last updated:** [2 October 2025 20:29 UTC](https://discourse.nodered.org/t/evenly-spaced-chart-axis/99242 "2025-10-02T20:29:13Z")

</div>

I'm just curious if there's a way to have the X-axis of my chart display the date and time each data point was recorded, while keeping the spacing between points even—so there aren’t large gaps when data is collected irr…

---

## [Showing one humidity feed on a chart plus a relatively static threshold value](https://discourse.nodered.org/t/showing-one-humidity-feed-on-a-chart-plus-a-relatively-static-threshold-value/99093)

<div class="topic-metadata">

**Author:** [@Noh](https://discourse.nodered.org/u/Noh)\
**Replies:** 1\
**Last updated:** [18 September 2025 10:20 UTC](https://discourse.nodered.org/t/showing-one-humidity-feed-on-a-chart-plus-a-relatively-static-threshold-value/99093 "2025-09-18T10:20:21Z")

</div>

I want to have a chart that tracks humidity - from a sensor emitting a value on MQTT on topic bathroom/humidity and I want to show a threshold value on the same graph. On my NodeRed Dashboard2, I have a settings tab, whe…

---

## [How to change the UI\_chart series line color in dashboard 2 by message payload?](https://discourse.nodered.org/t/how-to-change-the-ui-chart-series-line-color-in-dashboard-2-by-message-payload/98493)

<div class="topic-metadata">

**Author:** [@Kang](https://discourse.nodered.org/u/Kang)\
**Replies:** 11\
**Last updated:** [5 August 2025 08:06 UTC](https://discourse.nodered.org/t/how-to-change-the-ui-chart-series-line-color-in-dashboard-2-by-message-payload/98493 "2025-08-05T08:06:36Z")

</div>

Hi, sir I found that there is no message access for me to change the line series color in UI\_CHART? Do you have any idea how to change the line color by message dynamically ? Here is my message payload and UI\_CHART se…

---

## [Ui-chart : Click event](https://discourse.nodered.org/t/ui-chart-click-event/98126)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 9\
**Last updated:** [17 July 2025 01:35 UTC](https://discourse.nodered.org/t/ui-chart-click-event/98126 "2025-07-17T01:35:14Z")

</div>

I am trying to get onclick event in template node for a chart. but failing terribly. any guidance on this please. i am trying to follow this, but not sure how to copy the code into template

---

## [Dashboard 2.0 ui-chart timestamp format](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-timestamp-format/97675)

<div class="topic-metadata">

**Author:** [@dNode12](https://discourse.nodered.org/u/dNode12)\
**Replies:** 2\
**Last updated:** [18 June 2025 16:36 UTC](https://discourse.nodered.org/t/dashboard-2-0-ui-chart-timestamp-format/97675 "2025-06-18T16:36:37Z")

</div>

Hi, I'm trying to display historized data on a line chart but running into issues with getting the values to show correctly. In the screenshot below, you can see the data being returned from the database: My goal i…

---

## [Ui-chart tooltip value format](https://discourse.nodered.org/t/ui-chart-tooltip-value-format/96987)

<div class="topic-metadata">

**Author:** [@horemansp](https://discourse.nodered.org/u/horemansp)\
**Replies:** 1\
**Last updated:** [10 May 2025 06:52 UTC](https://discourse.nodered.org/t/ui-chart-tooltip-value-format/96987 "2025-05-10T06:52:11Z")

</div>

I have created a chart from an array that has X-Y values. the tooltip shows a weird number for the X-axis (see screenshot) Any idea how to fix this? I'm on v3.1.10 and using the ui-chart from the node-red-dashboard pall…

---

## [Dashboard 2 ui-chart data format - no data key names](https://discourse.nodered.org/t/dashboard-2-ui-chart-data-format-no-data-key-names/96769)

<div class="topic-metadata">

**Author:** [@Rollem1](https://discourse.nodered.org/u/Rollem1)\
**Replies:** 3\
**Last updated:** [26 April 2025 23:37 UTC](https://discourse.nodered.org/t/dashboard-2-ui-chart-data-format-no-data-key-names/96769 "2025-04-26T23:37:45Z")

</div>

Hi, I am migrating from dashboard 1 to dashboard 2. Like others I had to format the incoming data for dashboard 1. I've read in other posts that this is no longer needed. The issue I have is that my data does not have k…

---

## [Bar chart for dashboard 2.0](https://discourse.nodered.org/t/bar-chart-for-dashboard-2-0/95402)

<div class="topic-metadata">

**Author:** [@tsharma](https://discourse.nodered.org/u/tsharma)\
**Replies:** 2\
**Last updated:** [14 February 2025 15:55 UTC](https://discourse.nodered.org/t/bar-chart-for-dashboard-2-0/95402 "2025-02-14T15:55:21Z")

</div>

How to make 7 days bar-chart in node-red dashboard 2.0.

---

## [UI-Chart - Data Label](https://discourse.nodered.org/t/ui-chart-data-label/94936)

<div class="topic-metadata">

**Author:** [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Replies:** 0\
**Last updated:** [27 January 2025 12:28 UTC](https://discourse.nodered.org/t/ui-chart-data-label/94936 "2025-01-27T12:28:52Z")

</div>

How to put a label on the bar of chart ?