HighCharts - 스택 된 막대의 계열 간 간격 제거

일부 정보를 표시하는 HighCharts 차트가 있습니다. 나는 매일 정보를 누적했다. 각 항목은 고유합니다 -> 하나의 시리즈를 사용할 수 없습니다.HighCharts - 스택 된 막대의 계열 간 간격 제거

문제는 : 2 일 사이에 큰 공간이 있으며이를 줄이거 나 없앨 방법이 없습니다. PlotOptions를 사용할 때 아무 효과가 없습니다. xAxis 클래스를 선언하는 데 "정상적인 방법"을 사용하면 아무런 문제가 없기 때문에 그 이유가 내 xAxis-Handling이라고 생각합니다.

내 jsFiddle : jsFiddle 작업 http://jsfiddle.net/MhL2Q/1/

또 다른이 : jsfiddle_dot_net/wergeld/M85tL/(단 2 링크 허용)

원래 HighChart 데모 : http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

출처

2012-10-01 DerAbt

당신이 단지 200 픽셀로 컨테이너의 높이를 설정 한 경우 기본값은? –

@MikeRobinson 높이를 가지고 노는 것은 올바른 방법 일 수 있습니다. 하지만 http://jsfiddle.net/MhL2Q/3/을 살펴보십시오 - 1 번과 3 번 라인은 2 번 라인의 절반 높이에 불과합니다. – DerAbt

참조되는 내 바이올린 중 하나를 보니 멋지군요. – wergeld

당신은 축의 길이로 최대 값의 상대 xAxis.minPadding 및 xAxis.maxPadding

패딩을 사용할 수있다. 패딩 이 0.05이면 100px 축이 5px 길어집니다. 이것은 가장 높은 데이터 값이 플롯 영역의 가장자리에 나타나지 않도록 할 때 유용합니다. axis의 max 옵션이 설정되거나 max 극단이 axis.setExtremes()를 사용하여 설정되면 maxPadding은 무시됩니다. 0

xAxis: { 
    type: 'datetime', 
    dateTimeLabelFormats: { 
     month: '%e. %b', 
     year: '%b' 
    }, 
    tickInterval: 24 * 3600 * 1000, 
    tickWidth: 1, 
    minPadding: 0.5, 
    maxPadding: 0.5     
}

Padding datetime axis @ jsFiddle

출처

2012-10-02 10:07:27

고마워, 너 멋지다! http://jsfiddle.net/MhL2Q/4/ – DerAbt

@DerAbt 건배 :) 도와 줘서 다행 !!! 하이 차트에 멋진 예제가있는 멋진 문서가 있음을 언급 했습니까? http://api.highcharts.com/highcharts는 다음 번에 편리하게 나와야합니다. –

는 당신의 필요를 충족 this합니까? 차트에서 모든 패딩을 제거해야합니다.

출처

2012-10-02 05:15:53

죄송합니다, 작동하지 않습니다. http://jsfiddle.net/MhL2Q/2/ – DerAbt

HighCharts - 스택 된 막대의 계열 간 간격 제거

답변

관련 문제