jqplot.CanvasAxisTickRenderer throws Uncaught TypeError

Question

바코드를 표시하는 데 jqplot을 사용하고 있습니다.

막 대형 차트는 tickRenderer 및 tickOptions을 추가 할 때까지 정상적으로 작동합니다.

지금 나는 다음과 같은 오류가 발생합니다 : catch되지 않은 형식 오류 : 정의되지 않은 함수 여기

내 코드

plot3 = $.jqplot('chart3', [s2, s3], { 
    stackSeries: true, 
    seriesDefaults: { 
     renderer: $.jqplot.BarRenderer, 
     rendererOptions: { 
      highlightMouseDown: true 
     }, 
     pointLabels: {show: true} 
    }, 
    legend: { 
     show: true, 
     location: 'e', 
     placement: 'outside' 
    }, 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer, 
      ticks: ticks, 
      tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
      tickOptions: { 
       angle: -90, 
       fontSize: '10pt' 
      } 
     } 
    } 
}); 

Answer 1

내가 코드를 시도하고 작동 ... 내가 돈입니다하지 않습니다 ' 너의 문제가 뭔지 알아.

나는 이러한 플러그인을

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css" /> 
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.barRenderer.min.js"></script> 
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.categoryAxisRenderer.min.js"></script> 
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.pointLabels.min.js"></script> 
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.cursor.min.js"></script> 

을 포함하고 내가 테스트를 위해 이러한 데이터 배열을 사용했다.

$(document).ready(function(){ 
s2 = [0,1,2,3,4]; 
s3 = [1,2,3,4,5]; 
ticks = ["a","b","c","d","e"]; 

이

그래서 모든 자원이 차트를 그리기 전에로드 된하지, 나는 동적으로 내 스크립트를로드했지만, 내 loadScript() 함수는 asyc했다

Answer 2

결과입니다. async를 false로 변경 한 후 모든 작업이 시작되었습니다.

loadScript("jqplot/jquery.jqplot.min.js"); 
loadScript("jqplot/jqplot.dateAxisRenderer.min.js"); 
loadScript("jqplot/jqplot.barRenderer.min.js"); 
loadScript("jqplot/jqplot.canvasTextRenderer.min.js"); 
loadScript("jqplot/jqplot.canvasAxisTickRenderer.min.js"); 
loadScript("jqplot/jqplot.categoryAxisRenderer.min.js"); 
loadScript("jqplot/jqplot.pointLabels.min.js"); 

function loadScript(jsPage) { 
    $.ajax({ 
     url: jsPage, 
     async: false, 
     dataType: "script" 
    }); 
}