jquery - アクション セレクターの chartist js: ct-point 要素の座標を見つける

Question

基本的に、このトピックからインスピレーションを得て (マウスがバーの上にあるときにラベルを表示する方法) LINE チャートにマウスオーバーしたときに [例は棒グラフ] (シリーズに直接触れていなくても)、欲しかったのです。に：

1) 終了したシリーズのポイントの値を取得する

2) リファレンスの CSS セレクターを取得する

私ができるように

1) 値を表示する

2) 要素に一時的な CSS を適用する (「ポイント」要素を拡大するなど)

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')折れ線グラフの場合に相当するものは何ですか?

写真で（行を忘れてください、後で扱います）：

から：

に：