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>