jqPlot 스택 막 대형 차트에서 어떻게 레이블을 배치합니까?

막대 차트에서 레이블을 배치하는 방법을 알 수 없습니다. 그들이 쌓여있을 때 각각의 바를 가운데에 배치 할 수있는 방법이 있습니까? 아래 그림에서 대부분은 바닥에 바로 가라 앉는 것을 제외하고는 중간에있는 것처럼 보입니다. 나는 이것을 어떻게 바꿀 지 모른다. 내가 CSS에서 여백을 추가하려고했지만 그 효과가없는 것 같습니다. 또한 pointLabel 옵션에서 x/ypadding을 사용하여 연주 해 보았습니다. 그러나 위아래로 이동하지는 않았지만 위아래로 이동하는 것처럼 보입니다. (10 값 열입니다?) jqPlot jqPlot 스택 막 대형 차트에서 어떻게 레이블을 배치합니까?

var s1 = [31, 10, 20, 44], 
       s2 = [15, 4, 7, 16], 
       ticks = ['May', 'June', 'July', 'August']; 

      $.jqplot('graph_pnl2', [s1, s2], { 
       stackSeries: true, 
       seriesColors:['#73C774', '#C7754C'], 

       seriesDefaults:{ 
        renderer:$.jqplot.BarRenderer, 
        rendererOptions: {fillToZero: true}, 
        pointLabels: { show: true, location: 'e', xpadding: 25, ypadding: 25}, 
       }, 

       legend: { 
        show: false, 
        placement: 'insideGrid' 
       }, 
       axes: { 

        xaxis: { 
         renderer: $.jqplot.CategoryAxisRenderer, 
         ticks: ticks 
        }, 
        yaxis: { 
         pad: 0, 
         tickOptions: {formatString: '%d'} 
        } 
       } 
      });

출처

2013-08-26 Matt Herbstritt

당신은 screenprint에서 보여지는 것과 같이 그래프를 얻는 방법에 대한 예제를 위해 jsfiddle을 준비 할 수 있습니까? 왜냐하면 내가 코드를 실행할 때 당신의 스크린 프린트와 같은 라벨이 보이지 않기 때문입니다. – Gyandeep

당신은 ... 그 두 번째 스택 열에서 하나 개의 값이 알아 차리지 않았다 좋아합니다. 그것은 당신이 어떤 속성을 uncorrectly 사용하고있는 것 같습니다 ... 나는 "패드 : 0"yaxis 속성에 있다고 생각합니다. 삭제하거나 주석으로 작성하십시오.

 yaxis: { 
      //pad: 0, 
      tickOptions: {formatString: '%d'} 
     }

Here는 JSFiddle에 코드입니다.

출처

2013-12-26 08:03:14

jqPlot 스택 막 대형 차트에서 어떻게 레이블을 배치합니까?

답변

관련 문제