jquery - 动作选择器上的 chartist js：查找 ct-point 元素的坐标

Question

基本上是从这里的这个主题（鼠标悬停时如何显示标签）我想要的，当我将鼠标悬停在一个线图上时[这个例子是一个条形图]（即使我不是直接在这个系列上），我想要至：

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

2）获取引用的css选择器

这样我就可以

1) 显示值

2）在元素上应用临时CSS（比如扩大“点”元素）

我试图检查 ct 图表对象，但任务被证明是艰巨的。

在实践中：

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')折线图案例中的等价物是什么？

在图片中（忘记这条线，我稍后会处理它）：

从：

至：

Answer 1

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

拥有它们后，您可以使用以下方法检索值：

point.getAttribute("ct:value");

同样，您可以选择网格线等。