图表包JS未显示动态数据

时间:2018-09-14 10:28:10

标签: javascript jquery ajax chart.js bar-chart

am使用图表包js图表。  在alter上显示一切正常,但在地图上显示。

如果任何人可以提前感谢,请解决此问题

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

am使用图表包js map。  在alter上显示一切正常,但在地图上显示。     提前致谢 如果有人可以提前感谢,请修复此问题

1 个答案:

答案 0 :(得分:0)

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

所以

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