Stacked chart with fixed min/max y-axis value not working?

I am trying to make a stacked bar chart with a fixed min. and max. y-axis value, but it doesn't seem to be working.
Anyone got ideas about this?

[
    {
        "id": "42f3dd586a56e31d",
        "type": "ui_chart",
        "z": "dfc64657.22c578",
        "name": "Energie bar chart",
        "group": "1e13d6c969d22fe2",
        "order": 10,
        "width": 8,
        "height": 4,
        "label": "{{title}}",
        "chartType": "bar",
        "legend": "false",
        "xformat": "HH:mm:ss",
        "interpolate": "linear",
        "nodata": "",
        "dot": false,
        "ymin": "",
        "ymax": "",
        "removeOlder": 1,
        "removeOlderPoints": "",
        "removeOlderUnit": "604800",
        "cutout": 0,
        "useOneColor": false,
        "useUTC": false,
        "colors": [
            "#ffffff",
            "#ff0000",
            "#ff0000",
            "#ff7f0e",
            "#98df8a",
            "#d62728",
            "#ff9896",
            "#9467bd",
            "#c5b0d5"
        ],
        "outputs": 1,
        "useDifferentColor": false,
        "className": "",
        "x": 750,
        "y": 1740,
        "wires": [
            []
        ]
    },
    {
        "id": "c4576be3adafabb8",
        "type": "function",
        "z": "dfc64657.22c578",
        "name": "",
        "func": "msg.payload = [{\n    \"series\": [\"X\", \"Y\" ],\n    \"data\"  : [ [5], [7]],\n    \"labels\": [ \"Jan\" ]\n}]\nmsg.ui_control = {\n     ymin: 0,\n     ymax: 50,\n     options: {\n        scales: {\n            xAxes: [{\n                stacked: true\n            }],\n            yAxes: [{\n                stacked: true\n            }]\n        }\n    }\n}\n\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 540,
        "y": 1740,
        "wires": [
            [
                "42f3dd586a56e31d"
            ]
        ]
    },
    {
        "id": "69978bab5b5b5691",
        "type": "inject",
        "z": "dfc64657.22c578",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 360,
        "y": 1740,
        "wires": [
            [
                "c4576be3adafabb8"
            ]
        ]
    },
    {
        "id": "1e13d6c969d22fe2",
        "type": "ui_group",
        "name": "Test",
        "tab": "d7901f40.2659d",
        "order": 5,
        "disp": true,
        "width": 8,
        "collapse": false,
        "className": ""
    },
    {
        "id": "d7901f40.2659d",
        "type": "ui_tab",
        "name": "Grafieken",
        "icon": "insert_chart",
        "order": 10,
        "disabled": false,
        "hidden": false
    }
]

Try

msg.ui_control = {
     options: {
         scales:{
            xAxes: [{
                stacked: true
            }],
            yAxes: [{
                stacked: true,
                ticks: {
                    min: 0,
                    max: 50 
                }
            }]
         }
    }
}

ui-chart uses alot of chart.js options

@E1cid Thanks very much, working perfectly!!

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