2015-04-23 104 views
0

我創建了小提琴,以顯示我的電流圖: http://jsfiddle.net/LLExL/4445/隱藏日期時間X軸不活動的日期

的代碼是

$('#container').highcharts({ 
    chart: { 
     backgroundColor: 'none', 
     spacingRight: 20, 
     zoomType: 'x' 
    }, 
    credits: { 
     enabled: false 
    }, 
    exporting: { 
     enabled: false 
    }, 
    legend: { 
     borderWidth: 0, 
     enabled: true, 
     verticalAlign: 'top', 
     y: 25 
    }, 
    plotOptions: { 
     series: { 
      animation: false, 
      marker: { 
       enabled: false, 
       states: { 
        hover: { 
         enabled: true, 
         radius: 5 
        } 
       } 
      } 
     }, 
    }, 
    title: { 
     text: 'Points' 
    }, 
    tooltip: { 
     shared: true 
    }, 
    xAxis: { 
     labels: { 
      format: '{value: %d/%m}' 
     }, 
     type: 'datetime' 
    }, 
    yAxis: { 
     title: { 
      text: null 
     }, 
     showFirstLabel: true 
    }, 
    series: [{ 
     type: 'column', 
     name: 'Reached', 
     data: [ 
      [1427328000000, 198], 
      [1427414400000, 127], 
      [1427673600000, 104], 
      [1427760000000, 107], 
      [1427846400000, 102], 
      [1427932800000, 1], 
      [1428278400000, 1], 
      [1428364800000, 55], 
      [1428451200000, 83], 
      [1428537600000, 77], 
      [1428624000000, 107], 
      [1428883200000, 99], 
      [1428969600000, 140], 
      [1429056000000, 134], 
      [1429142400000, 108], 
      [1429228800000, 104], 
      [1429488000000, 113], 
      [1429574400000, 115], 
      [1429660800000, 115], 
      [1429747200000, 97], 
     ] 
    }, { 
     type: 'line', 
     name: 'Target', 
     color: 'red', 
     lineWidth: 2, 
     data: [ 
      [1427328000000, 123], 
      [1427414400000, 123], 
      [1427673600000, 123], 
      [1427760000000, 123], 
      [1427846400000, 143], 
      [1427932800000, 0], 
      [1428278400000, 0], 
      [1428364800000, 143], 
      [1428451200000, 143], 
      [1428537600000, 143], 
      [1428624000000, 114], 
      [1428883200000, 143], 
      [1428969600000, 143], 
      [1429056000000, 143], 
      [1429142400000, 143], 
      [1429228800000, 114], 
      [1429488000000, 143], 
      [1429574400000, 143], 
      [1429660800000, 143], 
      [1429747200000, 143], 
     ] 
    } ] 
}); 

我想刪除從X軸,前不活動的日期。 02/04和06/04之間的日期(但不是這兩個,因爲它們有價值)。

我發現的唯一解決方案是通過類別聲明日期,然後離開日期時間類型軸。這對我來說不是正確的解決方案,因爲軸在較小的屏幕上無法正確安裝。

這是否可以刪除沒有價值的日期?

回答

0

在Highcharts中,軸沒有序號選項,但是如果您使用的是Highstock,則可以設置它。此選項隱藏x軸上沒有點的值。

您可以使用Highstock創建具有順序x軸的軸的Highcharts圖表。

負載Highstock JS文件,而不是Highcharts:

<script src="http://code.highcharts.com/stock/highstock.js"></script> 

在軸選項中設置的序號爲true:

xAxis: { 
     ordinal: true, 

的jsfiddle:http://jsfiddle.net/LLExL/4451/

+0

問題是數據不被包括在所有圖表。但是圖表顯示了日期,因爲從26/03到23/04的「時間表」 – Behrens

+0

@Behrens我發現我誤解了你的問題 - 請看正確的答案。 –