Multiple Y axis in chart (line graph)

934 views

Skip to first unread message

j...@bkt21.com

unread,

Aug 18, 2017, 5:50:33 PM8/18/17

to Node-RED UI

Im looking to display multiple y axis on a chart with the chart being scaled for each msg.topic. For example:

topic: 1

ymin and y max (0-14)

topic: 2

ymin and y max (0-200,000)

etc..

Is there a way to do this in the template? or is this not within the capabilities of a custom chart?

steve rickus

unread,

Aug 22, 2017, 11:22:48 AM8/22/17

to Node-RED UI

Most 3rd party js graphing libraries do allow separate axes with auto-scaling -- which one are you planning to use?

In the past, I've use Dygraph, HighCharts, ChartJS, Plotly, and Google Charts, but there are many others as well...

Since the node-red-dashboard ui_chart node does not currently handle multiple y-axes, you will have to roll your own using the ui_template nodes -- one for the external libs (with the "Added to site <head> section" option enabled), and one to hold the chart css/html/script code. There are some good examples on this group, as well as the node-red group. If you get stuck, feel free to post what you have and we can help you out.