2013-05-23 3 views
0

세로 막 대형 차트에서 0 점에 대해 x 축 아래에 약간의 그림자 또는 색이 나타나게하려면 어떻게해야합니까? 지금 아무 것도 표시되지 않습니다.0 값 열 차트 - 하이 차트

minPointLength 속성을 설정하면 선이 x 축 위에 오게됩니다.

도움이나 조언이 도움이 될 것입니다.

 plotOptions: { 
    column: { 
     shadow: false, 
     pointWidth: 11.5, 
     borderWidth: 0.5, 
     enableMouseTracking: false, 
     minPointLength: 1 
    } 
}, 
yAxis: { 
    labels: { 
     align: 'left', 
     style: { 
      color: 'gray', 
      fontWeight: 'normal', 
      fontSize: '8.5px', 
      fontFamily: 'Arial' 
     } 
    }, 
    minorGridLineWidth: 1, 
    minorTickInterval: 10000, 
    minorGridLineColor: 'white', 
    minorTickWidth: 0, 
    title: { 
     text: '', 
     rotation: 270.0, 
     style: { 
      fontWeight: 'normal' 
     }, 
     margin: 20, 
     style: { 
      fontWeight: 'normal', 
      fontFamily: 'Arial', 
      color: '#666666', 
      fontSize: '11px' 
     } 
    }, 
    opposite: true, 
    min: 0, 
    max: 500000, 
    tickInterval: 100000, 
    gridLineWidth: 0.0 
} 

이 나에게 X 축 위의 1 픽셀의 포인트를 제공합니다

다음은 내 옵션입니다. 그러나 내가 찾고있는 것은 xAxis 아래에 작은 그림자/1px 지점입니다.

+1

그렇지 않은 이유에 대한 자세한 내용과 함께, 당신이 시도한 코드의 샘플을 포함하십시오 당신을 위해 일해. –

+0

http://points.apache.org/djqbb/와 같은 예제가 minPointLength –

답변

0

이런 식으로 달성하기 위해 찾은 유일한 방법은 0 값을 음수 값으로 변환하는 것입니다. (가장 자주있는 행은 -1에서 1로가는 0 행을 차지합니다)

데이터의 스프레드가 얼마나 커야 지정해야하는 음수 값이 결정됩니다.

http://jsfiddle.net/jlbriggs/JVNjs/307/

data: [7,12,16,-1,32,64] 

{{편집 : startOnTick와

업데이트 예 : 거짓 - http://jsfiddle.net/jlbriggs/JVNjs/309/

+0

에 제대로 작동하므로 데이터와 함께 전체 코드를 붙여 넣으면 도움이 될 것입니다. 답장을 보내 주셔서 감사합니다! 하지만 yAxis 레이블은 0부터 시작하고 싶습니다. 이것을 달성하기 위해 임계 값, yAxis min을 사용해야합니까? – user2376819

+0

yAxis의 경우 'startOnTick : false' 및'min : -1'을 사용할 수 있습니다. http://jsfiddle.net/JVNjs/308/ –

+0

예, startOnTick : false가 가장 좋습니다. – jlbriggs