2014-11-03 3 views
1

jqPlot 선 그래프 생성에 어려움을 겪고 있으며 다른 사용자가 도움을 얻을 수 있기를 바랍니다. 웬일인지, 나의 선과 똑딱 소리가 나타나지 않고있다. 그리고 나는 이유를 해석 할 수 없다. 나는 아래의 번잡 한 코드를 복사했습니다.jqPlot : 선 그래프 : 선과 틱이 표시되지 않습니다.

누구든지 내가 뭘 잘못하고 있다고 말할 수 있습니까?

문제를 설명하거나 해결할 수있는 다른 방법이 있으면 알려주십시오.

$(document).ready(function(){ 

    var line1 = [['07-01-2014',0],['08-01-2014',87],['09-01-2014',0],['10-01-2014',0],['11-01-2014',0],['12-01-2014',0],['01-01-2015',0],['02-01-2015',71],['03-01-2015',0],['04-01-2015',83],['05-01-2015',0],['06-01-2015',82]] 
    var line2 = [['07-01-2014',0],['08-01-2014',85],['09-01-2014',0],['10-01-2014',0],['11-01-2014',1],['12-01-2014',0],['01-01-2015',0],['02-01-2015',71],['03-01-2015',0],['04-01-2015',83],['05-01-2015',0],['06-01-2015',82]] 
    var jqpData = [line1, line2]; 

    var xLabels = ['07-01-2014','08-01-2014','09-01-2014','10-01-2014','11-01-2014','12-01-2014','01-01-2015','02-01-2015','03-01-2015','04-01-2015','05-01-2015','06-01-2015'], 
     lLables = ['Series 1','Series 2']; 

    $(function() { 
     var plot1 = $.jqplot('chart1', jqpData, { 
      title: 'July through June', 
      seriesDefaults:{ 

       rendererOptions: {smooth: true}, 
       label:' ', 
       lineWidth: 2 
      }, 
      axesDefaults: { 
       labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer 
      }, 
      legend:{ 
       show: true, 
       location: 'sw', 
       placement: 'outsideGrid', 
       labels: lLables 
      }, 
      axes: { 
       xaxis: { 
        renderer:$.jqplot.DateAxisRenderer, 
        tickOptions:{ 
         angle:-30, 
         fontFamily:'Trebuchet MS,Arial,Helvetica,sans-serif', 
         fontSize: '1em', 
         min:'07-01-2014', 
         tickInterval:'1 month' 
        } 
       }, 
       yaxis:{ 
        label:'', 
        min:0, 
        max:96.9849 
       } 
      } 
     }); 
    }); 
}); 
+0

필요한 모든 플러그인을'DateAxisRenderer'로 포함 시켰습니까? 콘솔에서 오류가 발생합니까? – skobaljic

+0

하나씩 추가하는 것 외에 옵션없이 시도해보십시오. – skobaljic

+0

진드기가 나타나면 자바 스크립트에 * 리터럴 *임을 알리기 위해 진드기가 필요합니다. 이스케이프 charaacters 이런 식으로 : "'안녕하세요, 내 이름 \ \ Godisgood!'" –

답변

1

시도 옵션 중 하나로서이 추가 : 당신이하지 않았다면 이 링크를보세요 : 다음

http://www.jqplot.com/docs/files/jqplot-axisTickRenderer-js.html 

더 많은 정보를 원하시면 여기

axes: { 
    xaxis:{ 
     renderer: $.jqplot.CategoryAxisRenderer, //etc 
가 여기에 표시된대로 신청하십시오 :

http://www.jqplot.com/tests/rotated-tick-labels.php 
+0

정확히 내가 무엇이 필요! 천재. – campbelt

+1

좋아요! 내가 도울 수있어 기뻐. –

관련 문제