修復了一些關於x軸labeles的highcharts

Question

我使用highcharts顯示價格變化拋出一個Ajax請求

http://jsfiddle.net/5wERK/（我改變了代碼爲你工作:)）

var options = { 
     chart: { 
      renderTo: 'container', 
      type: 'line', 
      height: 80, 
      width: 190, 
      backgroundColor: '#EBEEEF' 
     }, 
     title: { 
      text: '' 
     }, 
     xAxis: { 
      type: 'datetime', 
      labels: { 
       style: { 
        fontSize: '9px' 
       } 
      } 
     }, 
     yAxis: { 

      title: { 
       text: '' 
      }, 
      labels: { 
       style: { 
        fontSize: '9px' 
       } 
      } 
     }, 
     plotOptions: { 
      series: { 
       marker: { 
        enabled: false 
       } 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     credits: { 
      enabled: false 
     }, 
     tooltip: { 
      followPointer: true, 
      formatter: function() { 
       var p = Highcharts.numberFormat(this.y, 2, ',', ' ') 
       var d = Highcharts.dateFormat('%d/%m/%Y', this.x) 
       return d + '<br>' + p + ' €'; 
      } 
     }, 
     series: [{ 
       color: '#646D70', 
       data: [[1360598402000,299.99],[1360836003000,297.99],[1361037604000,309.99],[1361210401000,307.99],[1362470402000,308.22],[1362643202000,309.99],[1362762002000,308.22],[1363075202000,307.23],[1363248003000,308.99],[1363334402000,307.23],[1363366802000,312.19],[1363766402000,313.99],[1363798802000,309.99],[1363849202000,369.99],[1364025602000,299.99],[1364198402000,369.99],[1364241602000,455.00],[1364562003000,347.24],[1365145202000,337.38],[1365663602000,325.99],[1366387202000,337.00],[1366441202000,332.45],[1366700402000,381.75],[1367074803000,332.45],[1367229602000,381.75],[1367301602000,341.00],[1367388002000,346.00],[1367672402000,341.00]] 
      } 
     ] 
    }; 
chart = new Highcharts.Chart(options); 

在

給出示例a在xAxis上有2個標籤，我想顯示4，是否有解決方案？

謝謝

Answer 1

您可以使用tickPixelInterval來增加標籤數量。然而，要顯示4，我認爲你還需要增加圖表本身的寬度。

http://jsfiddle.net/5wERK/4/

var options = { 
     xAxis: { 
      tickPixelInterval: 50, 
     } 
    } 

Answer 2

您應該設置tickInverval，這使得蜱之間定義的距離。 http://api.highcharts.com/highcharts#xAxis.tickInterval