Creating a Chart with different domains

Dashboard
,
1

Hi,

I am looking for solution where I can create a line chart , audio waveforms on node-red defining x axis(voltage) and Y -axis(current).

Any ways that I can make use of dashboard board chart for this?

2

Couple of example's to explore

1 Like
3

Yes you can use non time series format
e.g

[{
    "series": ["X" ],
    "data": [ [5,6,9,10] ],
    "labels": [ 24, 25, 23, 26 ]
}]

where labels is the voltages and data the current

more info here about formats, also in the help text https://github.com/node-red/node-red-dashboard/blob/master/Charts.md

1 Like
4

Just to check:

You are displaying an audio wave on a chart and want x to be the voltage?

So the wave is vertical on the screen?

Usually they are done horizontally.

Just checking.

5

It is charting current against voltage. The usual way of displaying that is to have volts on the x axis and current on the y, which is the stated requirement here.

6

I was just checking.

7

Hi,

I am plotting voltage vs current waveform where I want to fetch real time data from serial input. plot the line chart. I am actually looking for a line where my real-time data is plotted on.

**[
    {
        "id": "c6d1832664c2174f",
        "type": "function",
        "z": "b1d2a17489d1cb3e",
        "name": "",
        "func": "var m={};\nm.labels = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"];\nm.series = ['Series A', 'Series B', 'Series C'];\nreturn {payload:[m]};",
        "outputs": 1,
        "timeout": "",
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 300,
        "y": 600,
        "wires": [
            [
                "d7b0e6e47a33afbb"
            ]
        ]
    },
    {
        "id": "d7b0e6e47a33afbb",
        "type": "ui_chart",
        "z": "b1d2a17489d1cb3e",
        "name": "",
        "group": "89749fb7.87f01",
        "order": 1,
        "width": 0,
        "height": 0,
        "label": "line chart",
        "chartType": "line",
        "legend": "true",
        "xformat": "auto",
        "interpolate": "linear",
        "nodata": "No Data",
        "dot": false,
        "ymin": "",
        "ymax": "",
        "removeOlder": 1,
        "removeOlderPoints": "",
        "removeOlderUnit": "3600",
        "cutout": 0,
        "useOneColor": false,
        "useUTC": false,
        "colors": [
            "#1f77b4",
            "#aec7e8",
            "#ff7f0e",
            "#2ca02c",
            "#98df8a",
            "#d62728",
            "#ff9896",
            "#9467bd",
            "#c5b0d5"
        ],
        "outputs": 1,
        "useDifferentColor": false,
        "className": "",
        "x": 500,
        "y": 600,
        "wires": [
            []
        ]
    },
    {
        "id": "712902dc584e7d7e",
        "type": "ui_button",
        "z": "b1d2a17489d1cb3e",
        "name": "",
        "group": "ab397e95.29ebe",
        "order": 5,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "array",
        "tooltip": "",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "str",
        "topic": "",
        "topicType": "str",
        "x": 110,
        "y": 600,
        "wires": [
            [
                "c6d1832664c2174f"
            ]
        ]
    },
    {
        "id": "89749fb7.87f01",
        "type": "ui_group",
        "name": "Charts",
        "tab": "d7901f40.2659d",
        "order": 2,
        "disp": false,
        "width": "6"
    },
    {
        "id": "ab397e95.29ebe",
        "type": "ui_group",
        "name": "Inputs",
        "tab": "d7901f40.2659d",
        "order": 1,
        "disp": false,
        "width": "6"
    },
    {
        "id": "d7901f40.2659d",
        "type": "ui_tab",
        "name": "Charts",
        "icon": "dashboard",
        "order": 2
    }
]**
8

Slightly confused can you show an example of what the chart must look like, a sketch on a paper will do then post an image.
Also examples of incoming messages would help.

9

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