Javascript 组合预处理数据和高图中的向下搜索

Javascript 组合预处理数据和高图中的向下搜索,javascript,jquery,charts,highcharts,Javascript,Jquery,Charts,Highcharts,我为这个问题挣扎了很长一段时间。我对highcharts和javascript有点初学者,我遇到了这个问题,我不知道如何解决它,非常感谢您的帮助 我有一个highcharts图表,它读取.csv文件并获取数据,并自动创建一个带有yAxis和xAxis名称和类别等的图表。我试图完成的是将向下搜索功能添加到此图表。向下钻取图表也有预处理的数据,但目前我正在尝试这样设置数据中的向下钻取 series:[{data:[{name:'Fruits',y:10,向下钻取:'Fruits' 但由于某种原因,当

我为这个问题挣扎了很长一段时间。我对highcharts和javascript有点初学者,我遇到了这个问题,我不知道如何解决它,非常感谢您的帮助

我有一个highcharts图表,它读取.csv文件并获取数据,并自动创建一个带有yAxis和xAxis名称和类别等的图表。我试图完成的是将向下搜索功能添加到此图表。向下钻取图表也有预处理的数据,但目前我正在尝试这样设置数据中的向下钻取

series:[{data:[{name:'Fruits',y:10,向下钻取:'Fruits'

但由于某种原因,当我循环我的代码时,我无法设置每行的深入。我的javascript代码也没有错误,因此我被卡住了。我在网上看到了许多其他示例,但这对我没有帮助,所以如果可能的话,请如果你不能在不解释的情况下链接一些代码,这将非常有帮助。这是我的代码,特别是这一部分,我认为问题出在这里。如何为每一行的series.data.drilldown分配series.name。

链接到我的代码:

我的.CSV文件中的示例代码

1995;1996;1997;1998;1999;2000;2001;2002;2003;2004;2005;2006;2007;2008
Ál;18461;27588;20862;25185;27946;20323;22082;;;;;;;
Bles;3237;2947;3185;3245;3319;3563;3710;;;;;;;
Díl;2550;2980;2762;1894;1657;2161;3352;;;;;;;
Dugg;101;173;232;86;183;204;238;;;;;;;
Fýll;8059;8920;10093;9037;7739;10495;10323;;;;;;;
Gr;35350;37657;41240;38017;35038;32510;35692;;;;;;;
Háv;2022;1860;1556;1496;1843;1949;1924;;;;;;;
Heið;10695;12182;14674;15396;13903;14271;12557;;;;;;;
Hel;1876;1619;2629;2283;1376;1412;1409;;;;;;;
Hett;2958;2696;2854;2306;1910;1527;1274;;;;;;;
Hra;7119;6653;5987;5564;4555;3087;3884;;;;;;;
Hreir;329;361;260;300;406;359;462;;;;;;;
Hvít;3942;4546;3771;3187;5496;4251;3111;;;;;;;
Kj;2617;2292;1993;1752;1302;1293;1183;;;;;;;
Lan;52867;65179;59529;65612;59797;66567;52839;;;;;;;

问题是如何链接点和系列(深入分析)。现在您有:

    drilldown: {
        series: [{
            id: '1994',
            data: [
                ['AU', 14],
                ['NE', 21],
                ['NV', 12],
                ['SU', 15],
                ['VE', 16],
                ['VF', 34]
            ]
        } ... ]
因此,系列的ID是
1994
。现在,当您在第一级系列中获得点数时:

            $.each(items, function (itemNo, item) {
                if (itemNo == 0) {
                    series.name = item;
                    series.data.drilldown = 'apple'; // remove that - it's just wrong

                } else {
                    series.data.push(parseFloat(item)); //adding points to series
                }
            });
您应该为每个点添加
drilldown
属性,以链接到drilldown系列,如下所示:

                    series.data.push({
                        y: parseFloat(item),
                        drilldown: '1994' // must match with `id` in drilldown.series
                    }); //adding points to series with drilldown

仅此而已。您只需确定从哪个点向下钻取到哪个系列。

非常感谢。您确实帮了我很大的忙。谢谢。然后接受我的答案(接近0值-绿色符号;)。
                    series.data.push({
                        y: parseFloat(item),
                        drilldown: '1994' // must match with `id` in drilldown.series
                    }); //adding points to series with drilldown