2016-03-02 32 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个月,这是最小范围。

相关问题