未捕获的TypeError:无法读取未定义的属性“隐藏”(Chart.js)

时间:2019-09-07 00:39:22

标签: javascript charts

我正在尝试绘制一个折线图和错误消息, Uncaught TypeError:无法读取未定义的属性“隐藏”,发生,我真的不知道自己缺少什么。

  1. 使用id为“图表”的画布制作
  2. 使用控制器从数据库获取“ JsonObject” (在JsonObject中,我放置了图表类型'line',并且还放置了JsonArray和数据)
  3. 使用“ getArray”函数将数据从JsonArray移至Array来删除索引
  4. 设置图表配置并制作图表。

    function makeChart(year,month,name){
    var chart = $('#chart'); //
    var valueArray = new Array();
    
    $.ajax({
        dataType : 'json',
        url : '/individual/makeChart',
        data : {
            'year': year,
            'month': month,
            'name' : name
        },
        async : false,
        success : function(json) {
            valueArray = getArray(json);
    
            var config = {
                    type : json.type,
                    data : {
                        datasets : [{
                            borderColor : "#3e95cd",
                            data : ['1','2','3','4','5','6','7','8','9','10','11','12'],
                            label : 'region'
                        }, {
                            borderColor : "#c45850",
                            data : ['1','2','3','4','5','6','7','8','9','10','11','12'],
                            label : 'country'
                        }],
                    },
                    options:{
                        showLines:true,
                        legend:{
                            display:true,
                            labels:{
                                fontSize:15,
                                fontColor:"#000000",
                                fontStyle:"bold"
                            }
                        },
                        responsive : true,
                        scales : {
                            yAxes : [{
                                ticks : {
                                    beginAtZero : true,
                                    fontSize : 15,
                                    fontColor : "#000000",
                                    fontStyle : "bold"
                                }
    
                            }],
                            xAxes : [{
                                ticks : {
                                    fontSize : 15,
                                    fontColor : "#000000",
                                    fontStyle : "bold"
                                }
                            }]
                        }
                    }
            }
    
            new Chart(chart,config); // the problem occurs here!
        }
    });
    
      }
    
     function getArray(json){
       var a = new Array();
       a = json.Data[0];
       return a;
      }
    

0 个答案:

没有答案