jqPlot - x 축에서 각도가있는 여러 줄의 눈금

Question

x 축의 눈금에 대해 질문이 있습니다. jqPlot 0.9.7과 함께 작업합니다.

내 틱은 다음과 같습니다. a <br> b <br> c <br> d. renderer: $.jqplot.CategoryAxisRenderer을 사용하면 잘 작동하므로 틱이 여러 줄로 표시되고
이 작동합니다.

이제 30º 회전해야합니다. 나는 'angle : -30'을 시도했지만 작업을하지 않습니다. 이 구성으로

: 진드기가 하나의 회전 긴 라인에 나타낸다

xaxis: { 
     renderer: $.jqplot.CategoryAxisRenderer, 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
     ticks: ['a <br> b <br> c <br> d' , 'p <br> q <br> r <br> s'], 
     tickOptions:{ 
       angle: -30, 
       fontSize: '9px' 
     } 

} 

. <br>도 아니고 \n 도 필요한 것으로 해석되지 않습니다. 이것이 내가 찾은 최선의 방법입니다.

어떤 해결책이 있습니까? 회전 된 문자 틱은 어떻게 쓸 수 있습니까?

어떤 제안이 나에게 도움이 될 것입니다. 미리 감사드립니다. 감사의 말

Answer 1

올바른 구문을 사용하려면 다음 스크립트를 기본 jqPlots 스크립트와 함께 포함시켜야합니다. jqplot.canvasAxisTickRenderer.min.js

jqplot.dateAxisRenderer.min.js

jqplot.canvasTextRenderer.min.js

• 은 (위의 파일은 jqPlot 패키지와 함께 제공).
  그런 다음 그런 다음

  tickOptions: { 
       angle: -30, 
      } 
  

  효과적 일 것

  axesDefaults: { 
      tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
  }, 
  

  플롯 옵션 목록에 다음을 추가합니다.

  jqPlot에서

  .... 
      series: [{renderer: $.jqplot.BarRenderer}], 
      axesDefaults: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
       tickOptions: { 
        angle: -90, 
        fontSize: '10pt' 
       } 
      }, 
      axes: { 
       xaxis: { 
        renderer: $.jqplot.CategoryAxisRenderer, 
        ticks: ticks 
       }, 
       yaxis: {  
        tickOptions: { 
         angle: 0, 
         fontSize: '10pt' 
        } 
       } 
      }, 
  .... 
  

  예는 여기에서 찾을 수 있습니다 : http://www.jqplot.com/tests/rotated-tick-labels.php

Answer 2

추가하는 것을 잊지 마세요 : 내 스크립트에 이것을 가지고

<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script> 
<script type="text/javascript" src="../src/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>