jQuery jqplot - 레이블의 다중 행을 만드는 방법

Question

나는 xaxis의 jqplot에있는 레이블 옆에있는 더 긴 레이블을 사용하고 있습니다. 나는 의 각도 인으로 시도했지만 그 하나의 라벨 만 보았을 때 길게 보였으므로 더보기가 어둡습니다. 그 라벨 사이에

<br/> 

태그를 사용하지만 나는 또한 화면에 입력을 정확하게 보여줍니다. 다음은 jqplot에 대한 나의 설정입니다.

seriesDefaults: { 
        renderer:jQuery.jqplot.BarRenderer, 
        pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, 
        shadowAngle: 135, 
        rendererOptions: { 
         varyBarColor: true, 
         smooth: true, 
         animation: { 
          show: true 
         }, 
         barWidth: 30 
        } 
       }, 
axes:{ 
         yaxis: { 
          label:'No. of candidates', 
          fontSize: '10pt', 
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 

        }, 
        xaxis:{ 
         renderer: jQuery.jqplot.CategoryAxisRenderer, 
         ticks: ['ABC Offers','XXX Offers','XXX Joinees','No show/Offer Declined/<br/>Revoked/Terminated','Yet to Join'], 
         tickRenderer: $.jqplot.CanvasAxisTickRenderer , 
         tickOptions: { 
          angle: -20, 
          fontSize: '10pt' 
         } 
        } 
       } 

이전에 경험해 본 적이 있으면 알려주세요.

Answer 1

나는 해결책을 얻었다. jqplot.CanvasAxisTickRenderer를 사용할 때 HTML 태그를 지원합니다. 을 제거하면 xaxis에서 다음 줄이 나뉩니다.

tickRenderer: $.jqplot.CanvasAxisTickRenderer , 

하지만 축 눈금 레이블을 회전 할 나 각도에 의해 라벨 기울어 진 경우 문제가되어, 이러한 옵션은 작업을 실 거예요.