2011-05-07 6 views

답변

1

예제에 따르면 하이 차트 내에있는 stacking property에 관심이있을 수 있습니다.

var chart = new Highcharts.Chart({ 
    //other properties... 
    plotOptions: { 
     series: { 
      stacking: 'normal' 
     } 
    } 
}); 
+0

이것은 작동하지 않습니다. 내가 JS 코드 (highcarts.js) 'pointStack.cum = yBottom = pointStack.cum 수정했다 - yValue을,' 에''pointStack.cum = pointStack.cum - yValue,' 기본적으로, 스택은 옵션에서 'low'값을 무시합니다. 이 작업을 수행하는 또 다른 방법은 무엇입니까? – toamitkumar

+0

하이 차트 편집에 부족함이 있습니다. 수행 한 작업을 수행 할 수 있다고 생각하지 않습니다. 답을 추가하고 승인 된 것으로 표시해야합니다. – NT3RP

0

+1

은 일반적인 기둥 형 차트입니다. 나는 그것을 작동 시켰어. https://github.com/toamitkumar/Stacked-Waterfall/tree/master/stacked-waterfall을보십시오. – toamitkumar

3
당신은 기본을 다음 0

$.each(chart.series[2].data, function(i, point) { 
    if (i==2) { 
    point.graphic.attr({opacity: 0, 'stroke-width': 0}); 
    } 
} 

이 바이올린의 불투명도를 가지고 유령 시리즈를 설정, 유령 시리즈를 만들어 쌓아 바 "공중에 뜨게하다"를 만들어 설명 할 수

http://highcharts.com/demo/column-stacked 생각. 그림자를 끄고 showInLegend를 false로 설정해야 전체 유령 효과를 얻을 수 있습니다.

http://jsfiddle.net/6UPrg/13/