2017-01-02 6 views
0

時刻のみを表示するHighstockグラフのxAxisを設定する可能性はありますか?Highstockステップグラフで時間とともにxAxisを設定する方法

ここでは、日付と時刻の両方を示しており、私だけの時間を表示する必要があります。事前に

highstock graph image

感謝を。

$(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 
      } 
     }] 
    }); 

});

答えて

0
$(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 
       } 
      }] 
     }); 
}); 
+0

試してみてください!これはxAxisに変更はありません。 – Rahul

+0

まだ変更はありません – Rahul

+0

グラフの完全なイメージを教えてください。 –

関連する問題