Node red series (29): use slider and chart nodes to realize double broken line time series diagram

Preface

Today I will teach you how to use dashboard Of chart Components and slider Component is to realize a double line line line chart . The effect is as follows

Drag the top power and water , Low charts show time and values in real time

The reason for this simulation case , Will teach You use chart Nodes and slider node

Development

But first, let me say slider node , This node is a slider node , It can accept the msg.payload, As the value of the slider ,
slider The maximum and minimum values must be set . And it cannot be set dynamically .
In addition, when the user drags slider slider , When you change the value , This node passes the current value down To attribute payload load .

I'm talking about it chart node , This node can be used to display the line chart , There are other pie charts , Bar charts . There was an introduction before .
But if you want to be in a chart Node , Display multiple line charts , You can say this to chart Value transfer from node

msg.topic = " Electric quantity "
msg.payload=