当我在 amcharts 中选择一个部分时，如何获得准确的范围值？

Posted 2023-05-07

【中文标题】当我在 amcharts 中选择一个部分时，如何获得准确的范围值？

【英文标题】：How could I get the exact range value when I select a portion in amcharts?

【发布时间】：2021-12-03 18:11:03

【问题描述】：

我正在开发一个角度应用程序，并且正在使用图表库 amcharts。我想进行选择并获取所选部分的范围。这是代码：

    this.chart.cursor.behavior = "selectX";
    this.chart.cursor.events.on("selectended", function(ev) 
      var range = ev.target.xRange;
      var axis = ev.target.chart.xAxes.getIndex(0);
      var from = (axis.getPositionLabel(axis.toAxisPosition(range.start)));
      var to = (axis.getPositionLabel(axis.toAxisPosition(range.end)));
      alert("Selected from " + from + " to " + to);
    );

to 和 from 变量只获取日期而不是完整日期。 ps: xaxis 是一个日期时间。

【参考方案1】：

您可以使用轴的positionToDate 方法从绘制范围的位置获取确切的 Date 对象值：

this.chart.cursor.behavior = "selectX";
this.chart.cursor.events.on("selectended", function(ev) 
  var range = ev.target.xRange;
  var axis = ev.target.chart.xAxes.getIndex(0);
  var from = (axis.positionToDate(axis.toAxisPosition(range.start)));
  var to = (axis.positionToDate(axis.toAxisPosition(range.end)));
  alert("Selected from " + from + " to " + to);
);