3 개의 차트와 Google지도 맵 (대시 보드라고 함)이 포함 된 asp.net/angular 페이지가 있습니다. 기본적으로지도는 화면 중앙에 50 % 너비로 배치됩니다. 차트는지도 아래에 배치됩니다. 차트는 작습니다 (각각 150 픽셀 폭). 모든 차트와지도는 "구성 요소"입니다. 그것들을 확장 할 수 있습니다. 차트를 확장하면지도가 내려 가고 차트가 올라가서 "더 큰"공간을 차지합니다.확장했을 때 하이 차트 다시로드
내 질문에 차트의 범주 텍스트가 너무 많아서 겹칠 수 있습니다. 내가 원했던 것은 차트가 "작다"는 경우 몇 가지 범주만으로 차트를로드합니다. 펼쳐지면 지금 다시 보여줄 공간이 있기 때문에 다시로드하고 모든 범주를 가져옵니다.
희망은 분명했습니다.
예, setSize 호출로이 작업을 수행 할 수 있습니다.
xAxis를 (를) 업데이트 할 수 있습니다. deafult로 범주화 된 축을 사용할 때 모든 범주에 진드기가 있습니다. 너는 xAxis.tickInterval = N에 의해 그것을 바꿀 수 있고, 매 틱을 나타냅니다.
차트 크기를 조정할 때 xAxis의 새 간격을 설정하려면 chart.xAxis.update({ tickInterval: [1|N] })으로 전화하십시오.
내 무지 때문에 유감이지만 어떻게 도움이 될까요? 내 카테고리는 텍스트 전용입니다. 진드기로 여기에서 잃어버린 .. – jpgrassi
Tick = 분류 된 범주의 범주. 진드기에 대한 자세한 내용은 [docs] (http://www.highcharts.com/docs/chart-concepts/axes/) 및 [API] (http://api.highcharts.com/highcharts#xAxis)를 참조하십시오. tickInterval). –
지금 이해하기 시작했습니다. 따라서 10 개의 카테고리가 있고 tickInterval을 2로 설정하면 2 개의 카테고리 만 표시됩니다. – jpgrassi
도움 주셔서 감사합니다. 그러나 내 문제는 차트의 크기를 변경하지 않고 이미 완료 한 것입니다. 어떻게 든 차트 크기가 조정되면이 순간에 데이터를 다시로드해야합니다. – jpgrassi
xAxis의 눈금 간격을 명시 적으로 지정하지 않은 경우 중요하지 않아야합니다. 하이 차트는 차트의 크기를 조정하거나 차트의 크기를 자동으로 조정하여 레이블 요소 추가/제거를 구입합니다. 기본 축 레이블을 대체하는 것을 설정하는 경우이를 잡아야합니다. 이것을 보여주기 위해 대표적인 jsFiddle이 있습니까? – wergeld
불행히도 매우 복잡한 페이지입니다. x 축은 다음과 같이 구성되어 있습니다 : x 축 : { 카테고리 : options.categories, 라벨 : 레이블을}, – jpgrassi