하이 차트 바 : xAxis의 높이

xAxis에는 많은 항목이있는 막 대형 차트가 있습니다. 그러나 그들은 서로 너무 가깝습니다. 예 : http://jsfiddle.net/XUsCq/하이 차트 바 : xAxis의 높이

xAxis: { 
     categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania', 'Oceania'], 
     title: { 
      text: null 
     } 
    },

출처

2013-07-26 user2481034

데이터가 너무 조밀하다. 그런 식으로 뭔가에 컨테이너 사업부를 변경 : 당신이 데이터 anayway의 많은 경우가 늘 솔루션에게 문제를

plotOptions: { 
       bar: { 
        dataLabels: { 
         enabled: true, 
         style: { 
          fontSize: "8px" 
         } 
        } 
       } 
      }

그러나 :

<div id="container" style="min-width: 400px; margin: 0 auto; height: 800px"></div>

당신은 같은 dataLabels의 스타일을 변경할 수 있습니다.

가장 좋은 옵션은 표시 할 요소의 수에 따라 컨테이너의 크기를 조정하는 것입니다.

Fiddle

출처

2013-07-26 08:41:37 ElLocoCocoLoco

차트는 동적이다. 그리고 아마도 2 개의 entrie 만있을 것입니다. http://jsfiddle.net/XUsCq/1/ – user2481034

이 경우에 사용자는 보유하고있는 데이터의 양에 따라 스크립트로 높이를 변경합니다. 사용할 수있는 텍스트 크기로 게임을하려면 내 업데이트 된 게시물을 참조하십시오. – ElLocoCocoLoco

예, 저의 마지막 마음은 거의 같았습니다. 데이터를 세고 스크립트로 높이를 변경하십시오. – user2481034

기본적인 문제는 사용 가능한 공간에 맞게 너무 많은 데이터를 가지고있다 :

여기서 영감을하는 바이올린 링크입니다.

도움이되는 몇 가지 highcharts 옵션이 다음과 같습니다 plotOptions

groupPadding:0, 
pointPadding:0,

Howver에서 groupPadding 및 pointPadding, 당신이 할 수있는 최선의 것은 포함 DIV에 더 큰 높이를 설정하여 비트 키 차트를 만드는 것입니다 :

http://jsfiddle.net/eEHFH/

출처

2013-07-26 08:43:43 SteveP

하이 차트 바 : xAxis의 높이

답변

관련 문제