高级图表将数据数组解析为图表

Question

我正在使用高图表和淘汰机的组合来将数据输入到我的图表中。

我有4大数组的数据，需要输入到我的高图表点击事件。我在这里显示数据数组是空的，因为它们的大小很大。当前，它返回一个错误，如：未定义的TypeError:无法读取未定义的的属性“度量”

我的问题是如何访问areas.metric.data并将其解析到图表中？

这是我的(非)工作小提琴：http://jsfiddle.net/whiteb0x/BG8Qe/18/

function MetricsViewModel(areas) {
    var self = this;
    self.areas = [ // data structure
        {
            name: 'Game',
            metrics: [{name : 'metric1', id : 'usdeur', data : []}, {name : 'metric2', id : 'msft', data : []}]
        },    
        {
            name: 'Player',
            metrics: [{name : 'metric1', id : 'msft', data : []}, {name : 'metric2', id : 'msft', data : []}]
        },
        {
            name: 'Social',
            metrics: [{name : 'metric1', id : 'googl', data : [] }, {name : 'metric2', id : 'msft', data : []}]
        }        
    ];


    series: [{ // default series
        id: 'adbe',
        data: ADBE
    }]
    }, function(chart){
        var data = areas.metric.data; // corresponds to my object above ^^^

    self.updateChart = function(metric) {
        var id = this.id,
            series = chart.get(id);
        if(!series){
            chart.addSeries({
                id: id,
                data: data
            });  
        } else {          
            series.remove();
        }                
        console.log(metric);
    }
});  

Answer 1

我不确定我是否正确地理解了您，但是根据您的代码，在ViewModel作用域中声明了这个函数：

function(chart){

因此，您可以访问两个区域数组和可观察的度量数组，如下所示：

var data = self.areas.metrics;

或可观察到的度量数组，如

self.metrics()

无论如何，在遇到麻烦的行中，您处于ViewModel范围内，可以通过this或self访问您想要的任何内容。