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

时间:2013-11-14 16:18:58

标签: javascript highcharts tooltip mouseevent


谁能告诉我如何通过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) 但是,这并没有显示工具提示。有人可以为此提供帮助吗?

Poornima

1 个答案:

答案 0 :(得分:1)

“有人能告诉我如何通过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获取散点图点的工具提示值?” 你需要在工具提示或不同的地方获得点值吗?