2014-11-21 4 views
4

먼저 내 페이지에 여러 차트가 있습니다. 다른 차트의 데이터를 비교하기 쉽도록 최대 y 축을 사용할 수있는 가장 높은 y 축을 설정합니다.하이 차트 재설정 y 축

질문 : 데이터를 다시 가져 오지 않고 방금 설정 한 최대 값을 어떻게 되돌릴 수 있습니까? 최대 값 11245를 추가하면 "자동 크기 조절"과 같은 것을 찾고 있는데 최대 yAxis는 12500과 같습니다. 모든 차트를 복원하고 싶습니다.

데모 : http://jsfiddle.net/wiesson/0p4z1mfj

$('#setMax').click(function (ev) { 
    var yAxisMax = 0; 
    $('[data-chart]').each(function (item) { 
     var c = $(this).highcharts(); 
     if (c.yAxis[0].max > yAxisMax) { 
      yAxisMax = c.yAxis[0].max; 
     } 
    }); 

    $('[data-chart]').each(function (item) { 
     c = $(this).highcharts(); 
     if (c.yAxis[0].max < yAxisMax) { 
      c.yAxis[0].update({ 
       max: yAxisMax 
      }); 
     } 
    }); 
}); 

답변

2

당신은 단순히 축에서 극단을 제거 할 수 있습니다. 일반적으로 axis.update(options) 대신 axis.setExtremes(min, max)을 사용하는 것이 좋습니다. setExtremes은 (는) update과 비교하여 훨씬 더 우수한 성능을 보여야합니다.

코드 :

$('#setDefault').click(function (ev) { 
    $('[data-chart]').each(function (item) { 
     $(this).highcharts().yAxis[0].setExtremes(null, null); 
    }); 
}); 

그리고 데모 : http://jsfiddle.net/0p4z1mfj/9/