从 javascript 的高图表中的折线图/散点图中的点获取工具提示内容

Get Tooltip content from a point from a line/scatter plot in highcharts from javascript

本文关键字:工具提示 获取 javascript 高图表 折线图 散点图      更新时间:2023-09-26


谁能告诉我如何通过 JavaScript 获取 HighChart 线图(http://www.highcharts.com/demo/) 中线系列的所有值?
另外,如何通过JavaScript获取散点图点的工具提示值?我尝试在基本折线图(上面的链接)上使用以下代码触发"鼠标悬停"以获取工具提示。

function simulateMouseOver() {
  var event = new MouseEvent('mouseover', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
  var cb = document.querySelector("g.highcharts-tracker:nth-of-type(2)>path:nth-of-type(1)")
  var canceled = !cb.dispatchEvent(event);
  if (canceled) {
    // A handler called preventDefault.
  //  alert("canceled");
  } else {
    // None of the handlers called preventDefault.
 //   alert("not canceled");
  }
}

(参考: https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Events/Creating_and_triggering_events)但是,这不会显示工具提示。有人可以帮忙吗?

普尔尼玛

"谁能告诉我如何通过JavaScript获取HighChart线图(http://www.highcharts.com/demo/)中线系列的所有值?"您可以从全局对象获取它。

请参阅示例:http://jsfiddle.net/yR3EG/

$.each(chart.series,function(i,serie){
            $.each(serie.data,function(j,point){
                console.log(point.y);
            });
        });

"另外,如何通过JavaScript获取散点图点的工具提示值?"您需要在工具提示中获取点值或其他地方?