如何使用Highcharts功能获得工作范围选择器？

Question

我没有看到范围选择器，但是我已经在代码中写入了该选择器。 我一直在使用的变量，像初始化图表：

var chart = Highcharts.chart('chartContainer', { 
    xAxis: { 
     type: 'datetime', 
     tickPixelInterval: 150 
    }, 
    yAxis: { 
     title: { 
      text: 'Érték' 
     }, 
     plotLines: [{ 
      value: 0, 
      width: 20, 
      color: '#FFFFFF' 
     }] 
    }, 
    //animation: Highcharts.svg, 
    boost: { 
     seGPUTranslations: true 
    }, 
    rangeSelector: { 
     buttonTheme: { // styles for the buttons 
      fill: 'none', 
      stroke: 'none', 
      'stroke-width': 0, 
      r: 8, 
      style: { 
       color: '#039', 
       fontWeight: 'bold' 
      }, 
      allButtonsEnabled: true, 
      states: { 
       hover: {}, 
       select: { 
        fill: '#039', 
        style: { 
         color: 'white' 
        } 
       } 
       // disabled: { ... } 
      } 
     } 
    }, 
    title: { 
     text: 'Prociszenzor' 
    }, 
    series: [] 
}); 

正如你看到它不包含任何系列，我也从另一个代码添加：

chart.addSeries({ 
    type: 'line', 
    name: dataaa.ertekek[i].neve + " " + dataaa.ertekek[i].mertek, 
    data: [{ 
     y: dataaa.ertekek[i].ertek/100, 
     x: time 
    }] 
}); 

Dataaa是从JSON文件。 我将这个数组推到主图表数组中，并使用addPoint函数为其添加了点。我想制作一个范围选择器，但我不知道如何做到这一点。

Answer 1

正如你没有发布你所期待的我假设的例子。

我根据您的代码制作了以下jsfiddle。 请注意，我对您发布的内容进行了以下更改。

<script src="https://code.highcharts.com/stock/highstock.js"></script> 
<script src="https://code.highcharts.com/stock/highcharts-more.js"></script> 

我注意到肯定，如果您使用的是highstock库，但如果你想有一个范围selctor，你应该。见highcharts.com/docs/chart-concepts/range-selector

var chart = Highcharts.stockChart('container', { 

我改变chart是一个stockChart。