<div>
    <canvas id="lineChart2" height="100"></canvas>
</div>

<script>
    var lineData = {
        labels: [ <?= $line_chart_data['transDate']; ?> ],
        datasets: [

            {
                label: "Total Volume (Ton)",
                // backgroundColor: 'rgba(255, 255, 255, 0.52)',
                backgroundColor: 'rgba(240, 128, 128, 0.5)',
                borderColor: "#ed5565",
                data: [ <?= $line_chart_data['totalWeight']; ?> ]
            }
        ]
    };

    var lineOptions = {
        responsive: true
    };

    var ctx = document.getElementById("lineChart2").getContext("2d");
    new Chart(ctx, {type: 'line', data: lineData, options:lineOptions});

</script>    