# How to achieve line chart with x-y axis data from different node

**URL:** <https://discourse.nodered.org/t/how-to-achieve-line-chart-with-x-y-axis-data-from-different-node/98306>\
**Category:** Dashboard\
**Tags:** chart\
**Created:** [25 July 2025 06:26 UTC](https://discourse.nodered.org/t/how-to-achieve-line-chart-with-x-y-axis-data-from-different-node/98306 "2025-07-25T06:26:02Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [25 July 2025 08:23 UTC](https://discourse.nodered.org/t/how-to-achieve-line-chart-with-x-y-axis-data-from-different-node/98306/9 "2025-07-25T08:23:34Z")

</div>

> [@jbudd](#):
>
> > [@Kang](#):
> >
> > Another feature I need is to draw free line in the line chart and store the users' drawed line into json data? Is it possible in node-red?
> 
> I'm not aware of any way to do this in Node-red dashboard (or indeed the new dashboard)

By "draw free line in the line chart" I guess you mean "present a virtual series like a target line or trend line"?

Just as you prepare and send database data to a chart you can mix in any other series of virtual/computed data you desire.

If you truly want to draw non series type annotations then you need to import a lib like `eCharts` which has a very rich API and D.I.Y it

There is an example flow on the forum for importing and using eCharts. To manipulate it further, you will need to read the eChart docs and pay with it in their playground. Here is one that renders a custom trend line: [Examples - Apache ECharts](https://echarts.apache.org/examples/en/editor.html?c=custom-bar-trend)

Here is a demo of eCharts in dashboard 2.0: [How to configure Echarts in Dashboard 2? - #4 by Steve-Mcl](https://discourse.nodered.org/t/how-to-configure-echarts-in-dashboard-2/87259/4)

---

_[View the full topic](https://discourse.nodered.org/t/how-to-achieve-line-chart-with-x-y-axis-data-from-different-node/98306)._