2013-12-15 4 views
0

텍스트 파일에서 데이터 가져 오기 및 jqplot 그래프 생성 중입니다.텍스트 파일에서 Jquery JQplot 플러그인 용 데이터 생성

문제는 내가 데모 버전으로 정확하게 저장하더라도 데이터를 읽을 수 없다는 것입니다. 참고 : 데모 데이터는 제 스크립트에서 잘 작동합니다. 데이터를 포맷하는 것과 관련이 있습니다. 이 내 스크립트

작정

감사 : 내 코드 그게

$(document).ready(function() { 

var chartdata = 0; 
function parseData(data){ 
     //do something with the data 
     chartdata = '['+data+']'; 
     //alert("data is: " + chartdata); 

     var line1=chartdata; 


    var plot1 = $.jqplot('chartdiv', [line1], { 
     title:'Active Users', 
     axes:{ 
     xaxis:{ 
      renderer:$.jqplot.DateAxisRenderer, 
      tickOptions:{ 
      formatString:'%b %#d' 
      } 
     }, 
     yaxis:{ 
      tickOptions:{ 
      formatString:'$%.2f' 
      } 
     } 
     }, 
     highlighter: { 
     show: true, 
     sizeAdjust: 7.5 
     }, 
     cursor: { 
     show: false 
     } 
    }); 

} 

$.get("userschart.txt",parseData); 


}); 

은, 줄 1 VAR는 문제입니다. 이 작동 원래 예제 코드입니다 :

var line1=[['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84], 
['26-Sep-08', 454.13], ['24-Oct-08', 379.75], ['21-Nov-08', 303], ['26-Dec-08', 308.56], 
['23-Jan-09', 299.14], ['20-Feb-09', 346.51], ['20-Mar-09', 325.99], ['24-Apr-09', 486.15]]; 

는이 내 TEXTFILE의 userschart.txt의 내용이다 :

['11-Dec-13',6],['12-Dec-13',6],['13-Dec-13',6],['14-Dec-13',6],['15-Dec-13',6] 
+0

다음의 예에 대한 링크가 있습니까? JQplot은 y 시리즈를 기대합니까? Y 축의 렌더러를 지정하지 않았다면 –

+0

Ahoy Captain, 예제 코드의 모든 것을 전달하고 있으며 데모 데이터와 함께 작동합니다. 다음은 예제 페이지에 대한 링크입니다 : [link] (http://www.jqplot.com/tests/cursor-highlighter.php) –

답변

0

지금 그것을 참조하십시오.

먼저 데이터가 배열인지 확인하십시오. 어떻게로드합니까? 서버가 json 배열로 반환하도록 데이터 배열을로드하려면 ajax를 사용하는 것이 좋습니다.

둘째 행은 잘못이다

chartdata = "["+ 데이터 + ']을;

이것은 차트 데이터를 문자열로 변환합니다. 너는 그것을 필요로하지 않는다.

단순히

var plot1 = $.jqplot('chartdiv', [data], { 

와 함께이 라인

var plot1 = $.jqplot('chartdiv', [line1], { 

를 교체하고 모두가 잘되어야합니다. 그렇지 않은 경우 :

1.) 확인 데이터는 배열입니다. 2.) 변수 주위에 대괄호가 있는지 확인하십시오.

+0

Didnt work :/데이터가 배열인지 어떻게 확인할 수 있습니까? –

+0

가장 좋은 방법은 파이어 버그 또는 이와 유사한 디버거를 사용하는 것입니다. –

+0

또한 어떤 오류가 발생했는지 자세히 알려주십시오. –