2016-03-02 67 views
0

我在HighCharts/HighStocks中的rangeSelector有問題。出於某種原因,選擇是禁用的。我的問題是,如何確保所有範圍選擇按鈕均處於活動狀態,因爲數據可用於特定範圍。這是一個例子。 link爲什麼HighStock Range Selector中有禁用的按鈕?

$(function() { 

    var seriesOptions = [], seriesCounter = 0, names = ['t1']; 
    function createChart() { 
     $('#container').highcharts('StockChart', { 
      loading: { 
       style: { 
        backgroundColor: 'silver' 
       }, 
       labelStyle: { 
        color: 'white' 
       } 
      }, 

      rangeSelector : { 
       selected : 1 
      }, 

      yAxis : { 
          plotLines : [ { 
        value : 0, 
        width : 2, 
        color : 'silver' 
       } ] 
      }, 

      plotOptions : { 
      }, 

      tooltip : { 
       valueDecimals : 2 
      }, 
      series : seriesOptions 
     }); 
    } 

$.each(names, function(i, name) { 

$.getJSON('https://dl.dropboxusercontent.com/u/34899000/data.json?dt=' + name.toLowerCase(), function(
       data) { 

      seriesOptions[i] = { 
       name : name, 
       data : data 

      }; 
      seriesCounter += 1; 

      if (seriesCounter === names.length) { 
       createChart(); 
      } 
     }); 
    }); 
}); 

回答

2

您必須啓用範圍選擇按鈕,所以你的情況,你必須將它添加屬性allButtonsEnabled並設置true

rangeSelector: { 
    allButtonsEnabled: true, 
    selected: 1 
}, 

查看文檔 http://api.highcharts.com/highstock#rangeSelector

allButtonsEnabled:布爾型 自2.0.3起

是否啓動所有按鈕。默認情況下,按鈕 僅在X軸上存在相應的時間範圍時啓用,但啓用所有按鈕的 允許動態加載不同時間範圍的 範圍。默認爲false。

在您的小提琴啓用所有按鈕不會做任何事情,因爲時間軸是1個月,這是最小範圍。

相關問題