首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Chart.js图表将变量定位为0,即使值>0

问Chart.js图表将变量定位为0,即使值>0
EN

Stack Overflow用户
提问于 2018-12-26 18:09:48
回答 1查看 232关注 0票数 0

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

无论出于何种原因,图表都会在Array中注册值,但不会在图表中正确地定位值。我认为这与变量的类型有关,所以我尝试了转换和解析,但没有结果。

我能做些什么来解决这个问题?

Edit1 --我可以用JSON变量来添加和减去JSON变量,所以必须是其他的东西,而不是类型问题。

这是我的测试脚本

代码语言:javascript
复制
                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]);
                });

这是我的图表脚本

代码语言:javascript
复制
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'
                                    },
                                }
                            });

​

​

​

​

EN

回答 1

Stack Overflow用户

发布于 2018-12-26 19:30:47

问题必须与加载JSON数据的方式和时间有关。

图表必须在$.get方法中构建,一旦完成,图表映射变量就会正确。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53935539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档