Highcharts在x軸上多次顯示額外的標籤

Question

我使用highcharts創建了一個簡單的氣泡圖，x軸值是時間戳。除了顯示多個相同日期的標籤之外，每件事都能正常工作。

創建一個的jsfiddle：http://jsfiddle.net/anvk4y0o/

代碼：

$('#container').highcharts({ 
    chart: { 
     type: 'bubble', 
     zoomType: 'xy' 
    }, 

    title: { 
     text: 'Highcharts Bubbles' 
    }, 

    xAxis: { 
     labels: { 
      formatter: function() { 
       return Highcharts.dateFormat('%m/%d/%Y', this.value); 
      } 
     } 
    }, 

    series: [{ 
     // data: [[1437415889539,36,79],[1437415899539,74,60],[1437515889539,76,58]] 
     data: [{ 
      x: 1437416876595, 
      y: 10, 
      z: 34435 
     }, { 
      x: 1437503398847, 
      y: 60, 
      z: 24435 
     }] 
    }] 
}); 

我只是想表明什麼都x值我有。

感謝

Answer 1

Highcharts會自動嘗試填寫日期範圍。由於您僅爲這兩個日期提供了數據集，因此該插件試圖製作完整的圖表，但只有該日期範圍才能使用。一旦添加了跨越較長日期範圍的較大數據集，它應該進行補償。在此之前，您可以添加選項來顯示時間。這會讓您更清楚地瞭解圖表中發生的情況。 Documentation

 xAxis: { 
      dateTimeLabelFormats: { 
       millisecond: '%H:%M:%S.%L', 
       second: '%H:%M:%S', 
       minute: '%H:%M', 
       hour: '%H:%M', 
       day: '%e. %b', 
       week: '%e. %b', 
       month: '%b \'%y', 
       year: '%Y' 
      }, 
      labels: { 
       formatter: function() { 
        return Highcharts.dateFormat('%m/%d/%Y %H:%M:%S', this.value); 
       } 
      } 
     }, 

DEMO

編輯：在演示中，你可能需要做出的成績窗口變大，所以你可以看到正確的DATE_TIME標籤。

此外，您可以嘗試使用tickInterval選項來強制應用範圍，或考慮將時間戳更改爲不包括時間，僅考慮實際日期。

Answer 2

您可以通過設置tickInterval和startOnTick/endOnTick來定義滴答。其他解決方案是使用tickPositions/tickPositioner。

 startOnTick: true, 
     endOnTick:true, 
     tickInterval: 24 * 3600 * 1000, // one day 

例子：http://jsfiddle.net/anvk4y0o/3/