當設置類別名稱時，Highchart標記的起點更改

Question

我使用highcharts.js製作了一個圖表。

該圖表以我想要的方式工作，但如果我嘗試設置類別（以編程方式或不以某種方式）某些奇怪的事情發生，則蜱變小並移動到中心，在圖的兩側留下一個大空間。

BEFORE：

AFTER：

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      renderTo: 'graph', 
      type: 'area', 
     }, 
     xAxis: { 
      title: { 
       text: '' 
      }, 
      startOnTick: false, 
      endOnTick: false, 
      tickmarkPlacement: 'on', 

     }, 
     series: [{ 
      data: [['aa',29.9], ['bb',71.5], ['cc',106.4],['dd', 129.2 ]] 
     }], 
    }); 

    // the button handler 
    $('#button').click(function() { 
     var chart = $('#container').highcharts(); 
     chart.xAxis[0].setCategories(['bb', 'bb', 'cc', 'dd']);  
    }); 
}); 

看到這個的jsfiddle： http://jsfiddle.net/MaurizioPiccini/d746v/3/

當你按下按鈕時（這些類別可以在xAxis中設置以及給出同樣的問題），這一切都會發生。

是否有可能命名的類別開始和結束在圖形極值？

Answer 1

我發現這裏也reporteed一個解決方案： http://forum.highcharts.com/highcharts-usage/highchart-ticks-start-point-change-when-categories-names-are-t29052/

解決辦法是不使用分類x軸，但線性或日期時間與標籤格式是這樣的：

xAxis: { 
    labels: { 
     formatter: function(){ 
      return categories[this.value]; 
     } 
    } 
} 

其中categories是一組類別。

看起來這是讓圖表按照這種方式行事的唯一方法。

Answer 2

您可以使用解決方法，使用已定義的最小/最大值更新軸。

chart.xAxis[0].update({ 
     categories: ['bb', 'bb', 'cc', 'dd'], 
     min: 0.5, 
     max: 2.5 
}); 

http://jsfiddle.net/d746v/6/