2014-02-14 3 views
0

Я играл с логарифмической шкалой в Highcharts. Заметил, что зум ведет себя странно, когда близок к minValue.Highcharts Увеличить масштаб Logarithmic

fiddle here - это слегка модифицированный пример original fiddle, который Highcharts имел для демонстрации линейной диаграммы по шкале журнала.

Вот код полностью для диаграммы столбцов, в которой используется шкала журнала.

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type:'column', 
      zoomType:'xy' 
     }, 
     title: { 
      text: 'Logarithmic axis demo' 
     }, 
     xAxis: { 
      tickInterval: 1 
     }, 
     yAxis: { 
      type: 'logarithmic', 
      minorTickInterval: 0.1 
     }, 
     tooltip: { 
      headerFormat: '<b>{series.name}</b><br />', 
      pointFormat: 'x = {point.x}, y = {point.y}' 
     }, 
     series: [{    
      data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512], 
      pointStart: 1 
     }] 
    }); 
}); 

Попробуйте масштабирование между 0,1 и 1, и вы увидите, что все исчезает, но график, кажется, увеличена где-то.

Есть объяснение для этого поведения?

ответ

0

Вам нужно установить minRange параметру

yAxis: { 
      type: 'logarithmic', 
      minRange:0.1, 
      minorTickInterval: 0.1 
}, 

http://jsfiddle.net/G6ALa/1/

+0

Спасибо. Я вижу, что это улучшает опыт; но вы по-прежнему заметите поведение «гашения», если вы, скажем, увеличите масштаб между «0 и 1» для столбца «10». – Serendipity

+0

Кроме того, я думаю, что отмечу этот ответ, как принято. Я просто просмотрел документацию по мин-диапазону, и это имеет смысл. Я предполагаю, что следующий вопрос заключается в том, как я могу донести до пользователя, что этот уровень масштабирования не существует, а не приближается к эфиру. – Serendipity

+0

Попробуйте адаптировать параметры minRange на обе оси. –

Смежные вопросы