如何仅从 csv 中提取特定列 \\ 单元格<pre>标记，进入highcharts饼图

Question

我是 Stack 和 jquery、highcharts 的新手，也是 javascript 新手。 我正在尝试创建一个像这样的 highcharts 饼图 - http://jsfiddle.net/dsbvpkt0/7/但是我需要从 csv 文件中提取数据并且只想要特定的列，

所以它看起来像这样 -

http://jsfiddle.net/techclmbr/ffkrzou3/4/这里是 .csv 和代码 -

   <pre id="data.csv" class="chart" style="display:none"> 

客户、groupID、group2ID、dProcess、单位、展示位置、集合、feePerc、liveVoxAtt、liveVoxConx、liveVoxConxFail、voAppsAtt、voAppsConx、voAppsConxFail、letterTotlSent、letter1stSing、letter1stMulti、letter2nd、letter10000、letter10、letter10、letter1000 ,02/02/17,0,0,11889.39,18.5,264,17,247,53,34,19,419,411,1,5,2,0,0,7,FLH素数

jQuery(document).ready(function() { 

        var options = {
            chart: {
                renderTo: 'container',
                type: 'pie'
            },
            title: {
                text: 'LiveVox'                 
            },

            xAxis: {
                categories: []
            },
            yAxis: {
                title: {
                    text: ''
                }
            },
            series: []
        };

        // prepare csv file dummy
          var csvData = "Null,liveVoxAtt,liveVoxConx,liveVoxConxFail\nFLH01P,264,17,247";    


        // JQuery function to process the csv data

            var seriesData = [];
            var lines = csvData.split('\n');
            $.each(lines, function(lineNo, line) {
                var items = line.split(',');

                if (lineNo == 0) {
                    $.each(items, function(itemNo, item) {
                        //skip first item of first line
                        if (itemNo > 0){
                            seriesData.push({name: item, y: 0});
                        }
                    });
                } else {

                    $.each(items, function(itemNo, item) {
                        if (itemNo > 0) {
                            seriesData[itemNo - 1]['y'] += parseFloat(item);
                        }
                    });
                }
            });

options.series.push({data: seriesData, name: 'LiveVox Stats'});

        var chart = new Highcharts.Chart(options);

    });

我需要从 csv 文件中获取的数据显示在 csvData 变量中。

因此，我需要能够直接通过 getElemnetById() 或 csvData 变量从标签中的 .csv 中提取列和标题。 不知道如何实现。 尝试了很多东西并接近但似乎无法弄清楚。 任何帮助将不胜感激。

Answer 1

当通过 id 选择带有点的元素时，您需要使用“.”。 而不是点

document.getElementById("data\.csv")

或者，如果您使用的是 jquery "\\\\."

$("data\\.csv")

这是您更新的小提琴http://jsfiddle.net/ffkrzou3/12/ ，但您的拆分功能似乎不适用于您在 pre 标签中的文本