knockoutjs highcharts 解析数据数组以绘制图表

Question

我使用 highcharts 和 knockoutjs 的组合将数据输入到我的图表中。

我有 4 个海量数据数组，需要在点击事件时将其输入到我的高图表中。由于数据数组巨大，我在这里显示了空数据数组。目前它返回一个错误，例如： Uncaught TypeError: Cannot read property 'metric' of undefined

我的问题是如何访问 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[0 ].metrics;

或可观察的指标数组，如

self.metrics() ，

在任何情况下，在遇到麻烦的行，您都在 ViewModel 范围内，并且可以访问其中您想要的任何内容通过这个或自我