向下钻取csv文件中的数据(Highcharts)

时间:2016-02-10 09:58:40

标签: csv charts highcharts line drilldown

我目前有一个高图,它从csv文件中获取值并将其显示在折线图中,这样可以正常工作。 但是,我希望为我的图表中的点添加向下钻取数据。需要从文件中获取向下钻取值(最好是相同的csv文件,但也可以是另一个文件)。我不确定如何格式化我的csv文件并更改我的代码来执行此操作。任何帮助将不胜感激。

这是我到目前为止https://jsfiddle.net/g8mdLLLp/

      $.get('http://localhost/Pre/myfile.csv', function(data) {
            // Split the lines
            var lines = data.split('\n');
            $.each(lines, function(lineNo, line) {
                var items = line.split(',');

                // header line containes categories
                if (lineNo == 0) {
                    $.each(items, function(itemNo, item) {
                        if (itemNo > 0) options.xAxis.categories.push(item);
                    });
                }

                // the rest of the lines contain data with their name in the first position
                else {
                    var series = {
                        data: []
                    };
                    $.each(items, function(itemNo, item) {
                        if (itemNo == 0) {
                            series.name = item;
                        } else {
                            series.data.push(parseFloat(item));
                        }
                    });

                    options.series.push(series);

                }

            });

            var chart = new Highcharts.Chart(options);
        });

我的csv文件如下:

结果

ValueOne,11,22,16,10,11,33,03,19,13,02,15

ValueTwo,23,34,32,23,32,16,30,21,34,21,31

ValueThree,86,76,79,77,91,74,81,81,75,63,64

ValueFour,3,16,13,15,27,11,24,21,19,13,26

ValueFive 1,77,61,64,71,71,75,63,63,74,64,71

提前致谢

0 个答案:

没有答案