图表包 js 未显示动态数据

Question

我正在使用图表包 js。 在alter show上一切都很好，但在地图上什么都没有显示。

如果有人可以，请解决此问题。提前致谢。

<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>

我正在使用图表包 js 地图。在alter show上一切都很好，但在地图上什么都没有显示。 ajax 调用似乎在上述代码中不起作用。

Answer 1

$.ajax 调用的data 选项需要指定为名称/值对，而不是查询字符串。 ajax 调用将这些转换为您的查询字符串。

所以

data: {"date" : date, "vendor_id": data.vendor_id},