未捕获的TypeError：无法使用Highcharts读取未定义的属性“map”

Question

我目前正在使用Firebase中的数据创建一些高级图表。

我在这里找到了一个例子：

http://blog.dotnetnerd.dk/post/2014/01/27/Realtime-data-displays-with-Firebase.aspx

但是，当我尝试将其加载到我的应用程序中时，我收到以下错误：

  

firebase.js：43 Uncaught TypeError：无法读取属性'map'   未定义

at app.html:343
at firebase.js:93
at ic (firebase.js:43)
at Wd (firebase.js:93)
at Ud.Jb (firebase.js:93)
at be.Xd.Jb (firebase.js:94)
at firebase.js:109
at firebase.js:59
at cc (firebase.js:55)
at R (firebase.js:59)

高图的JS和HTML如下所示：

var fb = new Firebase("https://<ProjectName>.firebaseio.com/products"); 
    fb.on("value", function(data) { 
        var model = data.val(); 
          $('#container').highcharts({ 
            chart: { type: 'column' }, 
            title: { text: 'Sales' }, 
            xAxis: { 
                categories: model.Categories 
            }, 
            yAxis: { title: { text: 'Quantity' } }, 
            series: model.Series.map(function(element) { 
                return { 
                    name: element.Name, 
                    data: element.Data 
                } 
            })                        
        });                
    }); 

<div id="container" style="width:100%; height:400px;"></div> 

这是JSON：

如果有人知道为什么会出现这个错误以及如何解决它，那将非常感激。

谢谢，

Answer 1

您必须在第一行使用您自己的项目名称：

https://<ProjectName>.firebaseio.com/products

使用您的firebase网址更改<ProjectName>。您可以查看firebase帐户中的内容。