关于动作选择器的图表js：查找ct-point元素的坐标

Question

基本上从这个主题中获取灵感（How to show label when mouse over bar）我想，因为我将鼠标悬停在LINE图表上[示例带有条形图]（即使我不是直接在系列中），我想要到：

1）获取我结束的系列点的值

2）获取引用的css选择器

所以我可以

1）显示值

2）在元素上应用临时CSS（比如放大＆＃34;点＆＃34;元素）

我试图检查ct-chart对象，但事实证明这是令人生畏的。

实践中：

var addedEvents = false;
chart.on('draw', function() {
  if (!addedEvents) {
    $('.ct-bar').on('mouseover', function() {
      $('#tooltip').html('<b>Selected Value: </b>' + $(this).attr('ct:value'));
    });

    $('.ct-bar').on('mouseout', function() {
      $('#tooltip').html('<b>Selected Value:</b>');
    });
  }
});

折线图案例中$(this).attr('ct:value')的等价物是什么？

在图片中（忘记了这一行，我将在稍后处理）：

FROM：

TO：

Answer 1

document.querySelectorAll(".ct-point") //select all points in the chart

一旦有了它们，您可以使用以下方法检索值：

point.getAttribute("ct:value");

类似地，您可以选择网格线等。