如何使用带有函数的高图表获取工作范围选择器?

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>

我注意到如果您使用的是高库存库，但如果您想要一个范围选择器，您应该这样做。请参阅 highcharts.com/docs/chart-concepts/range-selector

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

我把chart改成了stockChart。