在拖动事件AMCHARTS 4 + Vue上,相对轴值是无穷大

时间:2019-09-30 13:55:32

标签: vue.js amcharts4

我正在vue js应用程序中使用amcharts 4。尝试使用可拖动的圆形项目符号构建XYChart。我正在一个或另一个拖动或缩放选项之间进行切换,因此无论何时将鼠标悬停在其上,我都将可拖动状态设置为项目符号实例(idk,如果那是一个好方法)

(Part1, Part2)

我正在考虑我应该在除子弹之外的其他实例上使用事件。我的主要目标是获取图表上拖动的项目符号的相对值,以便以此来更新数据。任何帮助或建议表示赞赏!

1 个答案:

答案 0 :(得分:0)

经过数小时的尝试找到最佳方法后,意识到光标对象是将坐标值附加到当前位置的最佳参考方法。

 this.chart.cursor.events.on("cursorpositionchanged", function(ev) {
          var yAxis = ev.target.chart.yAxes.getIndex(0);
          console.log("y: ", yAxis.positionToValue(yAxis.toAxisPosition(ev.target.yPosition)));
      });

https://www.amcharts.com/docs/v4/tutorials/tracking-cursors-position-via-api/

或拖动事件仍然可以访问

const yAxis = this.chart.yAxes.getIndex(0);
const axisValue = yAxis.positionToValue(yAxis.toAxisPosition(this.chart.cursor.yPosition)