node-red-ui-echarts

A simple ECharts widget for the Node-RED Dashboard.

Installation

Open Node-RED and select Manage palette from the menu to open the Palette Manager. Go to the Install tab, search for node-red-ui-echarts and click install.

Alternatively, you can run the following command in your Node-RED user directory (typically ~/.node-red):

npm i node-red-ui-echarts

Example

[
    {
        "id": "1",
        "type": "inject",
        "z": "flow_id",
        "name": "",
        "props": [
            {
                "p": "payload"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "{\"title\": {\"text\": \"ECharts example\"}, \"tooltip\": {}, \"xAxis\": {\"data\": [\"A\", \"B\", \"C\", \"D\", \"E\", \"F\"]}, \"yAxis\": {}, \"series\": [{\"name\": \"Example\", \"type\": \"bar\", \"data\": [5, 20, 36, 10, 10, 20]}]}",
        "payloadType": "json",
        "x": 150,
        "y": 100,
        "wires": [
            [
                "2"
            ]
        ]
    },
    {
        "id": "2",
        "type": "ui_echarts",
        "z": "flow_id",
        "group": "group_id",
        "name": "",
        "order": 0,
        "width": 6,
        "height": 4,
        "x": 350,
        "y": 100,
        "wires": []
    }
]

License

MIT