2014-05-14 2 views
2

저는 Google 차트 API가 상위 DOM을 오버플로하는 이유를 알아 내기 위해 Google을 한 시간 동안 파고 있습니다.Google Charts가 항상 오버플로되는 이유는 무엇입니까?

스크롤바는 패딩이나 마진이 없기 볼 수 있듯이 내가 차트를

Scrollbars appear every time I draw the chart

을 그릴 때마다 나타납니다. chart.draw()에 대한 기본 설정을 사용할 때도 동일한 결과가 나타납니다.

As you can see there is no padding or margin

는 어떻게하면 컨테이너의에서 차트 단지에 맞게 만들 수 있습니까? (overflow: hidden은 좋은 해결책이 아닙니다. 왜냐하면 차트 자체도 오버플로되어 있기 때문에 잘라내기를 원치 않기 때문입니다)

도움을 주셔서 감사합니다!

업데이트 : 귀하의 경우 JsFiddle

+0

예제에 대한 링크를 제공 할 수 있습니까? – indivisible

+0

물론, 나는 jsfiddle를 설정하려고합니다 :) 10 분 – Pho3nixHun

+0

'overflow-y : auto; '는 Google 차트가없는 스크롤바를 표시하지 않지만 그걸로 표시됩니다. 혼란스러운 :/ – Pho3nixHun

답변

4

문제가 당신이 #chart에 높이를 지정하고 overflow-y: auto로 설정하는 것이 기본적이다. 이렇게하면 세로 스크롤 바가 나타나고 width: 100%을 설정하고 세로 스크롤 막대에 공백이 있으면 가로 스크롤 막대가 나타납니다. overflow-y: auto 선언을 제거하면 도움이됩니다. height: 350px도 삭제하는 것이 좋습니다

+0

감사합니다. 특히 설명하겠습니다! – Pho3nixHun

관련 문제