Subversion Repositories SmartDukaan

<div class="chart-container" id="chart-container" style="position: relative; width:100%">
    <canvas id="barchart" width="auto" height="auto"></canvas>
</div>


<style>
    canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
</style>

<script type="text/javascript">

    var options = $chartMap;
    var ctx = document.getElementById('barchart').getContext('2d');
    var myChart = new Chart1(ctx, options);
    var fofoId = `$fofoId`;
    var from = `$from`;
    var to = `$to`;
    var quantity_type = `$isQuantity`;

    console.log("FROM -", from)// 2025-03-01
    console.log("to -", to)//2025-03-25

    $("#chartForm").val(from);
    $("#chartTo").val(to);
    $("#quantity_type_id").val(quantity_type).trigger('change');


    document.getElementById('barchart').onclick = function (evt) {
        var activePoints = myChart.getElementsAtEvent(evt);
        if (activePoints.length > 0) {
            var dataIndex = activePoints[0]._index;  // Kaunsa bar click hua
            var brand = options.data.labels[dataIndex];  // Brand Name
            console.log("Clicked label(brand)-:", brand);
            makeModelWiseChart(brand, from, to, fofoId,quantity_type);
        }
    };

    function makeModelWiseChart(brandName, fromDate, toDate, partnerId, quantity_Type) {
        doGetAjaxRequestHandler(`${context}/brandWiseFofoSaleData?from=${fromDate}&to=${toDate}&brand=${brandName}&fofoId=${partnerId}&isQuantity=${quantity_Type}`, function (response) {
            $('#modelChartModal .model_charbar_container').html(response);
            $('#modelChartModal').modal('show');
        });
    }
</script>