# How to draw a line chart from a msg with multi topics

**URL:** <https://discourse.nodered.org/t/how-to-draw-a-line-chart-from-a-msg-with-multi-topics/75665>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [24 February 2023 06:11 UTC](https://discourse.nodered.org/t/how-to-draw-a-line-chart-from-a-msg-with-multi-topics/75665 "2023-02-24T06:11:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![fritserasmus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fritserasmus/32/274_2.png) [@fritserasmus](https://discourse.nodered.org/u/fritserasmus)\
**Post date:** [24 February 2023 06:11 UTC](https://discourse.nodered.org/t/how-to-draw-a-line-chart-from-a-msg-with-multi-topics/75665/1 "2023-02-24T06:11:32Z")

</div>

Here is my complete message debug payload results:

```auto
solarmd/energy/outputEnergy/bank1 : msg.payload : Object
object
sniu: false
serialNumber: null
deviceID: null
lastUpdate: 1677215035885
voltageV: 53.284
currentA: 16.17
powerW: 861.14952
capacityP: 85.71486689814814
capacityAh: 123.42940833333333
ratedCapacityAh: 144
ratedVoltageV: 51.2
ratedChargeCurrentC: 0.6940000000000001
ratedDischargeCurrentC: 0.6940000000000001
storageName: "bank1"
remainingTimeSign: 4972
dcConnected: true
available: true
dcConnectedDevice: 1

```

I am trying to use this chart mode:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/1/61f43617147022d022537dc819bd2b832bd4a80a.png)  
to achieve a graph similar to this graph to depict battery levels  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/a/1a968860747b3baa4544c17b1530d68010c9471d.png)

Setting the parameters for the graph I think I can do but I am unable to isolate  
msg.payload.capacityP  
from the payload.

I will appreciate any pointers / help very much.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [24 February 2023 06:57 UTC](https://discourse.nodered.org/t/how-to-draw-a-line-chart-from-a-msg-with-multi-topics/75665/2 "2023-02-24T06:57:52Z")

</div>

I would suggest to read the documentation that comes with the node.  
It expects msg.payload with a value. You can have more lines by using msg.topic to differentiate between the source data.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/3/5310cdd05d467a7cefa3a27e2b3f8f7140c1efb0.png)

Use a change node before the chart node:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/8/18a0ba740416e3a2becc7d71b13cfa3d2d4b1ec1.png)

In addition there is [more information available](https://github.com/node-red/node-red-dashboard/blob/master/Charts.md) if you want more customization.

---

<div class="post-metadata">

**Author:** ![fritserasmus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fritserasmus/32/274_2.png) [@fritserasmus](https://discourse.nodered.org/u/fritserasmus)\
**Post date:** [24 February 2023 09:06 UTC](https://discourse.nodered.org/t/how-to-draw-a-line-chart-from-a-msg-with-multi-topics/75665/3 "2023-02-24T09:06:33Z")

</div>

Thanks for you help.

I managed create that Dashboard componenet

---

<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:** [26 March 2023 09:06 UTC](https://discourse.nodered.org/t/how-to-draw-a-line-chart-from-a-msg-with-multi-topics/75665/4 "2023-03-26T09:06:42Z")

</div>

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