tstor/assets/js/single_bar_chart.js

function SingleBarChart(id, name) {
    var ctx = document.getElementById(id).getContext('2d');
    this._used = [];
    this._free = [];
    this._chart = new Chart(ctx, {
        type: 'horizontalBar',
        data: {
            labels:[name],
            datasets: [{
                backgroundColor: "#839496",
                label: "used",
                data: this._used,
            },
            {
                backgroundColor: "#859900",
                label: "free",
                data: this._free,
            }],
        },
        options: {
            legend: {
                display: false,
            },
            animation: false,
            scales: {
                xAxes: [{
                    stacked: true
                }],
                yAxes: [{
                    stacked: true,
                    display: true,
                    ticks: {
                        beginAtZero: true,
                    }
                }]
            }
        },
    });

    this.update = function (used, free) {
        this._used.shift();
        this._free.shift();
        this._used.push(used);
        this._free.push(free);

        this._chart.update();
    };
}