Untitled

<html>
<canvas id="canvasEs"></canvas>
</html>

<Script>
   let arrayData = [];

//start data olan
					var categories = [];
                    for (let i = 0; i < data.dataAll.length; i++) {
                        categories.push(data.dataAll[i].t_period)
                    }

                    var totalTrx = [];
                    for (let i = 0; i < data.dataAll.length; i++) {
                        totalTrx.push(data.dataAll[i].trx)
                    }
arrayData.push({
            label: "Total Transaksi",
            data: totalTrx
        })

                    var totalTrxClose = [];
                    for (let i = 0; i < data.dataAll.length; i++) {
                        totalTrxClose.push(data.dataAll[i].trx_close)
                    }

arrayData.push({
            label: "Total Transaksi Close",
            data: totalTrxClose
        })

                    var totalTrxOpen = [];
                    for (let i = 0; i < data.dataAll.length; i++) {
                        totalTrxOpen.push(data.dataAll[i].trx_open)
                    }


arrayData.push({
            label: "Total Transaksi Open",
            data: totalTrxOpen
        })
// finish data olan

var ctx = document.getElementById("canvasEs").getContext('2d');
var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['a','b','c','d'],
            datasets: arrayData
        }, options: {
            responsive: true, legend: {labels: {fontColor: 'rgb(0,0,0)'}},

        }
    });
</script>