CSV 데이터가 포함 된 Google 차트 : 열 오류

Google 사이트에서 실시간 데이터를 표시하는 방법으로 Google 차트를 사용하려고합니다. CSV 데이터 파일을 차트에로드하여 3 개의 개별 선을 표시 할 수 있기를 바랍니다.CSV 데이터가 포함 된 Google 차트 : 열 오류

내가에만이 형식으로 내 CSV 데이터의 두 개의 열이있을 때 작동 코드를 가지고 : 나는 시도하고 두 개 이상의 내 차트를로드 할 때

year,daily 
2008,26.541 
2009,24.748 
2010,24.803 
2011,25.483 
2012,24.729 
2013,24.413 
2014,24.879

내 문제는 여기에서 발생하는 약이다 형식 내가 (Thornton.M2.csv를) 원하는 :

ID,Value,HighValue,LowValue 
1,376,386,366 
2,386,396,376 
3,396,406,386 
4,406,416,396 
5,416,426,406

내가 노력하고 내가 구글 차트 오류를 얻을이 형식으로 실행

"Not enough columns given to draw the requested chart."

스크립트가 배열 문자열을 2 차원 배열로 바꾸어 데이터 테이블에 사용하는 HTML 코드입니다.

 <!DOCTYPE html> 
     <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
     <meta name="HandheldFriendly" content="True"> 
     <meta name="MobileOptimized" content="320"> 

     <title>Google Graph and CSV</title> 
     <meta name="description" content="test"> 

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
     <script src="jquery.csv.min.js"></script> 
     <script type="text/javascript" src="http://www.google.com/jsapi"></script> 

     <script type="text/javascript"> // load the visualisation API 
      google.load('visualization', '1', { packages: ['corechart', 'controls'] }); 
     </script> 

     <script type="text/javascript"> 
     function drawVisualization() { 
      $.get("Thornton.M2.csv", function(csvString) { 
       // transform the CSV string into a 2-dimensional array 
       var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar}); 

       // this new DataTable object holds all the data 
       var data = new google.visualization.arrayToDataTable(arrayData); 
       // CAPACITY - En-route ATFM delay - YY - CHART 
       var crt_ertdlyYY = new google.visualization.ChartWrapper({ 
       chartType: 'LineChart', 
       containerId: 'crt_ertdlyYY', 
       dataTable: data, 
       options:{ 
        width: 450, height: 160, 
        title: 'EU-wide en-route ATFM delays (year to date)', 
        titleTextStyle : {color: 'grey', fontSize: 11}, 
       } 
       }); 
       crt_ertdlyYY.draw(); 
      }); 
     } 
     google.setOnLoadCallback(drawVisualization) 
     </script> 

     </head> 

      <body> 

      <div id="crt_ertdlyYY"></div> 

      </body> 

     </html>

열 번호가 지금 오류를주는 이유를 이해하는 데 어려움을 겪고 있습니다. 누군가가 올바른 방향으로 나를 가리켜 주면 감사하겠습니다. 난 단지 내가 여기에 같은 구문을 사용하여 항목의 두 번째 줄을 구문 분석 한 두 개의 매개 변수

var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});

있는 것으로 나는 여전히 CSV 문자열을 구문 분석하려고 시도했습니다 실현

출처

2017-05-23 Adam Lee

var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar}, {onParseValue: $.csv.hooks.castToScalar});

이되지 않을 수도 있습니다 여러분 중 일부에게는 새로운 것이 었습니다. 아마도 다른 누군가에게 도움이 될 것입니다.

출처

2017-05-23 18:15:47

CSV 데이터가 포함 된 Google 차트 : 열 오류

답변

관련 문제