मैं चार्ट बंडल जेएस का उपयोग कर रहा हूं। ऑल्टर शो में सब कुछ ठीक है लेकिन मैप पर कुछ भी नहीं दिख रहा है।

कृपया इस मुद्दे को ठीक करें अगर कोई कर सकता है। अग्रिम में धन्यवाद।

<script>
        var url = "{{url('stock/chart')}}";
        var Month = new Array();
        var Labels = new Array();
        var Prices = new Array();
        $(document).ready(function () {
            $.get(url, function (response) {
                var total=0;
                var date=0;
                response.forEach(function (data) {
                    var dateObj = new Date(data.created_at)
                    var month = dateObj.getUTCMonth() + 1; 
                    var day = dateObj.getUTCDate();
                    var year = dateObj.getUTCFullYear();
                    var date=year + '-' + month + '-' + day;
                    $.ajax({
                        type: 'get',
                        url: '{{URL::to('day/sale')}}',
                        data: 'date=' + date + '&vendor_id=' + data.vendor_id,
                        success: function (data1) {
    //when i alert data and data 1 it showing right result 
   Month.push(day + '-' + month + '-' + year);

                            Prices.push(data1.sum);
                        }
                    });
                });

                var ctx = document.getElementById("canvas").getContext('2d');
                var myChart = new Chart(ctx, {
                    type: 'bar',
                    data: {
                        labels: Month,

                        datasets: [{
                            label: 'eFreshUp',

                            /* data: Prices,*/
                            data: Prices,
                            backgroundColor: [
                                'rgba(255, 99, 132, 0.2)',
                                'rgba(54, 162, 235, 0.2)',
                                'rgba(255, 206, 86, 0.2)',
                                'rgba(75, 192, 192, 0.2)',
                                'rgba(153, 102, 255, 0.2)',
                                'rgba(255, 159, 64, 0.2)'
                            ],
                            borderColor: [
                                'rgba(255,99,132,1)',
                                'rgba(54, 162, 235, 1)',
                                'rgba(255, 206, 86, 1)',
                                'rgba(75, 192, 192, 1)',
                                'rgba(153, 102, 255, 1)',
                                'rgba(255, 159, 64, 1)'
                            ],

                            borderWidth: 2
                        }]
                    },
                    options: {
                        scales: {
                            yAxes: [{
                                ticks: {
                                    beginAtZero: true
                                }
                            }]
                        }
                    }
                });
            });
        });
    </script>

मैं चार्ट बंडल जेएस मानचित्र का उपयोग कर रहा हूं। ऑल्टर शो में सब कुछ ठीक है लेकिन मैप पर कुछ भी नहीं दिख रहा है। ऐसा लगता है कि AJAX कॉल उपरोक्त कोड में काम नहीं कर रहा है।

0
ufu media 14 सितंबर 2018, 13:28

1 उत्तर

सबसे बढ़िया उत्तर

आपके $.ajax कॉल के लिए data विकल्प को नाम/मान जोड़े के रूप में निर्दिष्ट करने की आवश्यकता है, न कि क्वेरी स्ट्रिंग के रूप में। ajax कॉल इन्हें आपके लिए क्वेरी स्ट्रिंग में बदल देती है।

इसलिए

data: {"date" : date, "vendor_id": data.vendor_id},
0
peeebeee 14 सितंबर 2018, 13:41