title: How can I pull only specific columns \ cells from csv in <pre> tag, into highcharts pie chart
body: <p>I am new to Stack and jquery, highcharts, and a javascript novice.
  I am trying to create a highcharts pie chart like this - <a href="http://jsfiddle.net/dsbvpkt0/7/" rel="nofollow noreferrer">http://jsfiddle.net/dsbvpkt0/7/</a>
  I need to however, pull the data from a csv file and only want the specific columns,</p>
  
  <p>so it would look like this - </p>
  
  <p><a href="http://jsfiddle.net/techclmbr/ffkrzou3/4/" rel="nofollow noreferrer">http://jsfiddle.net/techclmbr/ffkrzou3/4/</a>
  here is the .csv and code -</p>
  
  <pre><code>   &lt;pre id="data.csv" class="chart" style="display:none"&gt; 
  </code></pre>
  
  <p>customer,groupID,group2ID,dProcess,units,placements,collections,feePerc,liveVoxAtt,liveVoxConx,liveVoxConxFail,voAppsAtt,voAppsConx,voAppsConxFail,letterTotlSent,letter1stSing,letter1stMulti,letter2nd,letterReceipt,letter10dayPay,letterSIF,emailsNew,custGroupName
  FLH01P,1,1,02/02/17,0,0,11889.39,18.5,264,17,247,53,34,19,419,411,1,5,2,0,0,7,FLH PRIMES
  </p>
  
  <pre><code>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 &gt; 0){
                              seriesData.push({name: item, y: 0});
                          }
                      });
                  } else {
  
                      $.each(items, function(itemNo, item) {
                          if (itemNo &gt; 0) {
                              seriesData[itemNo - 1]['y'] += parseFloat(item);
                          }
                      });
                  }
              });
  
  options.series.push({data: seriesData, name: 'LiveVox Stats'});
  
          var chart = new Highcharts.Chart(options);
  
      });
  </code></pre>
  
  <p>the data I need from the csv file is shown in the csvData variable.</p>
  
  <p>So I need to be able to pull the columns and headings from the .csv in the  tag  either directly via getElemnetById() or into the csvData variable. not sure how to make it happen. Have tried many things and come close but can't seem to figure it out. Any assistance would be greatly appreciated.</p>