在没有日期的Highcharts中使用RangeSelector

因此，我构建了一个Highcharts应用程序，看起来有点像这样：

图表如下所示：

export class ChartComponent implements OnInit {
  title = "app";
  chart;
  updateFromInput = false;
  Highcharts = Highcharts;
  chartConstructor = "chart";
  chartCallback;
  data1;
  data2;
  chartOptions = {
    title: {
      text: "Global temperature change"
    },
    subtitle: {
      text: "Data input from CSV"
    },
    plotOptions: {
      series: {
        marker: {
          enabled: false
        }
      }
    },
    series: []
  }

highcharts应用程序，您可以在其中上载csv数据。 如果您输入类似以下内容的csv数据：

"runs","numbers",differences
"run1","1123",21
"run2","222",7200
"run3","31112",60
"run4","412312",32

你会有一个很好的x轴和y轴的图形

现在，我要做的是为y轴构建一个范围选择器，这样我可以整理出真正高的值，并更好地查看较低的值

---

我的问题是，我只能找到与日期和时间有关的范围选择器。对于我的特定问题，是否有任何范围选择器？

基本范围选择器使用setExtremes方法，因此您可以在yAxis上执行相同的操作：

现场演示：

---

API参考资料：

有没有一种可能的方法可以像我的示例中那样使用typescript实现这一点？嗨@J.Doe，我不是typescript专家，但这当然是可能的。

var chart = Highcharts.chart('container', {
    series: [{
        type: 'column',
        data: [1, 2, 3, 1, 3, 999, 888, 979]
    }]
});

document.getElementById('low').addEventListener('click', function() {
    chart.yAxis[0].setExtremes(0, 10);
});

document.getElementById('high').addEventListener('click', function() {
    chart.yAxis[0].setExtremes(850, 1000);
});