即使值> 0

时间:2018-12-26 18:09:49

标签: javascript chart.js

我试图通过将值分配给将在图表数据中引用的数组来显示图表。

无论出于何种原因,图表都会将值注册到Array中,但不会在图表中正确定位该值。我以为这与变量的类型有关,所以我尝试进行转换和解析无济于事。

该如何解决?

Edit1 -我可以使用JSON变量进行加减,因此必须是其他内容而不是类型问题。

  

这是我的测试脚本

                var applied = new Array();
                month = ("0" + (date.getMonth() + 1)).slice(-2);
                applied.push(2);
                applied.push(23);
                applied.push(21);
                applied.push(2);
                applied.push(2);
                applied.push(2);
                applied.push(2);
                applied.push(2);
                applied.push(2);
                applied.push(2);
                var json = $.get("../rest/hello?from=01/"+month+"/2018&to=31/"+month+"/2018", function (data){
                    applied.push(parseInt(data);
                    console.log(applied[0]);
                });
  

这是我的图表脚本

const months = ["January", "February", "March", "April", "May", "June",
                              "July", "August", "September", "October", "November", "December"
                            ];
                        var chartlabels = new Array();
                        for(var i = 11; i > -1; i--){
                            var date = new Date();
                            date.setMonth(date.getMonth()-i)
                            chartlabels.push(months[date.getMonth()]);
                        }
                            var ctx = document.getElementById("approvedtoemployed");
                            var myChart = new Chart(ctx, {
                                type : 'line',
                                data : {
                                    labels: chartlabels,
                                    datasets : [ {
                                        label : '# of approved',
                                        data : applied,
                                        backgroundColor : [
                                                'rgba(255, 99, 132, 0)'
                                                ],
                                        borderColor : [ 
                                            'rgba(255, 99, 132, 1)',
                                                ],
                                        borderWidth : 1
                                    }]
                                },
                                options : {
                                    responsive : false,
                                    maintainAspectRatio : false,
                                    legend: {
                                        display: true,
                                        position: 'bottom',
                                        boxWidth: '15'
                                    },
                                }
                            });

Chart image

Chart image with 12 values in dataset

1 个答案:

答案 0 :(得分:0)

问题必须取决于如何以及何时加载JSON数据。

一旦正确地完成了maps maps变量,就必须在$.get方法中构建统计图。