2012-05-23 2 views
8

막 대형 차트를 '오버레이'하는 선형 차트를 표시 할 수 있습니까?결합 된 줄과 막대

나는 스택 형 barchart에 시리즈를 추가하고 렌더러를 $ .jqplot.LineRender로 변경했습니다. 이것은 선으로 표시되지만 누적 금액에 추가됩니다.

답변

17

jqPlot으로 처리 할 수 ​​있습니다.

선형 차트 is presented here, see the 3rd plot from the top과 함께 막대 차트가 단일 플롯에서 어떻게 표시 될 수 있는지 보여주는 샘플.

Here I made a sample to show line and stacked bar charts on a single plot.

+0

jqplot 사이트의 예는 어떤 모양 I 하고 싶다. 감사! 내가 틀릴 수도 있지만 예제에 '챠트'가있는 것 같습니다. 꺾은 선형 차트가 추가되는 위치에 대해 말하고있었습니다. – jjdebarros

+0

네가 맞다면 이전 시리즈에 추가 된 것처럼 보이므로 그걸 결합하여 성공할 수도 있습니다. ''jqPlot' 접근 방식은 예제에서 3 번째 플롯을 제공합니다. 나는 그것이 매우 귀찮은 문제라면 항상 원하는 값으로 이동시킬 음수 값에 따라 선의 값을 설정해 볼 수 있다고 생각합니다. 나는 내일 그것으로 실험 할 것이다. 흥미로운 질문에 대해서도 (+1). – Boro

+1

더 좋은 해결책을 찾았습니다. 시리즈에 대해'disableStack : true'를 설정하여 스택 스태킹을 비활성화 할 수 있습니다. 이제 코드 샘플에 추가됩니다. – Boro

4

내가 jsFiddle에 this example를 추가, 난이 당신에게 도움이 될 수 있기를 바랍니다. 또한 더 나은 표현을 위해 경계선과 영역을 그릴 가능성을 보여줍니다. 이 페이지에서이 주제에 대한 기사가

enter image description here

: 그것은 라인과 막대 차트 모두를 그릴 것입니다 http://www.meccanismocomplesso.org/en/mean-mode-median-barchart/

. 
0
series:[ 
       { 
        color:'#0070c0', 
        label : 'Barchart', 
        renderer:$.jqplot.BarRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        }, 
        pointLabels: { show: true } 
       }, 
     { 
        yaxis: 'y2axis', 
        color: '#ff0000', 
        label : 'Line chart ', 
        renderer:$.jqplot.LineRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        } 
       } 
     ]