Highstocks candlesticksandvolume datetime

Question

我已經使用High-Stocks圖表。我希望圖表的x軸日期格式可以在一週或一個月或一年中表示，具體取決於用戶選擇（單選按鈕中給出）。我該怎麼做？。 一個鏈接！在這個我已經保存了幾個星期，幾個月，幾年的單選按鈕。

Answer 1

在開始時，您需要爲您輸入名稱並刪除id（在html中，您不應使用具有相同ID的元素）。

下一步是捕捉單選按鈕上的單擊事件並提取xAxis（最小值和最大值）上的極值。如果你有這個問題，你應該計算你需要延遲多少天，從最後一點開始（以毫秒爲單位），並且調用setExtremes來應用新的範圍。

例子：http://jsfiddle.net/hdt9yqff/2/

$('input[name="crange"]').click(function() { 
     var chart = $('#container').highcharts(), 
      xAxis = chart.xAxis[0], 
      extremes = xAxis.getExtremes(), 
      index = parseFloat($(this).val()), 
      range; 

     switch (index) { 
      case 0: //week 
       range = 7 * 24 * 3600 * 1000; //7 days 
       break; 
      case 1: 
       range = 31 * 24 * 3600 * 1000; //31 days 
       break; 
      case 2: 
       range = 3 * 31 * 24 * 3600 * 1000; //quark days 
       break; 
      case 3: //year 
       range = 365 * 24 * 3600 * 1000; //1 year 
       break; 
     } 

     xAxis.setExtremes(extremes.max - range, extremes.max); 
    });