如何在Highstock步驟圖中設置xAxis只有時間

Question

有沒有可能將Highstock圖的xAxis設置爲僅顯示時間？

這同時顯示日期和時間，我需要只顯示時間：提前

感謝。

$(function() { 

    // Create the chart 
    Highcharts.stockChart('container1', { 
     chart: { 
     width: 500, 
     height: 300 
     }, 
     title: { 
      text: 'AAPL Stock Price' 
     }, 
     xAxis: { 
     tickInterval: 1 
    }, 
     rangeSelector: { 
      selected: 4, 
      inputEnabled: false, 
      buttonTheme: { 
       visibility: 'hidden' 
      }, 
      labelStyle: { 
       visibility: 'hidden' 
      } 
     }, 
     navigator: { 
      enabled: false 
     }, 
     scrollbar: { 
      enabled: false 
     }, 
     series: [{ 
      name: 'AAPL Stock Price', 
      data: [45,90,90,45,50,90,39,50,90,39], 
      step: true, 
      tooltip: { 
       valueDecimals: 2 
      } 
     }] 
    }); 

}）;

Answer 1

$(function() { 
     Highcharts.stockChart('container', { 
      chart: { 
      width: 500, 
      height: 300 
      }, 
      title: { 
       text: 'AAPL Stock Price' 
      }, 
      xAxis: { 
       type: 'datetime', 
       tickInterval : 1, 
       dateTimeLabelFormats : { 
        day: '%M min' 
       } 
      }, 
      rangeSelector: { 
       selected: 0, 
       inputEnabled: false, 
       buttonTheme: { 
        visibility: 'hidden' 
       }, 
       labelStyle: { 
        visibility: 'hidden' 
       } 
      }, 
      navigator: { 
       enabled: false 
      }, 
      scrollbar: { 
       enabled: false 
      }, 
      series: [{ 
       name: 'AAPL Stock Price', 
       data: [45,90,90,45,50,90,39,50,90,39], 
       pointStart: Date.UTC(2010, 0, 1), 
       pointInterval: 3600 * 1000 , 
       step: true, 
       tooltip: { 
        valueDecimals: 2 
       } 
      }] 
     }); 
});