2013-11-14 106 views
1


任何人都可以告訴我如何通過JavaScript獲取HighChart線圖(http://www.highcharts.com/demo/)中的所有線系列值嗎?
另外,如何通過JavaScript獲得散點圖點的工具提示值? 我試圖使用下面的代碼在基本折線圖(上面的鏈接)上觸發'mouseover'來獲取工具提示。從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

「誰能告訴我怎麼去在HighChart線圖(http://www.highcharts.com/demo/)通過JavaScript的線系列中的所有值?」你可以從全局對象中獲取它。

見例如:http://jsfiddle.net/yR3EG/

$.each(chart.series,function(i,serie){ 

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

     }); 

「?此外,如何獲得通過JavaScript的散點圖點的提示值」 您需要在工具提示或其他位置獲取點的值?

+0

謝謝塞巴斯蒂安,你能告訴我如何得到「圖表」的參考。我需要從測試中運行這個代碼,所以我不能夠鉤入HighChart的創建。我需要獲取點的工具提示內容。手動將鼠標懸停在點上時,我可以看到工具提示。但是,在編程方式上,我無法使tooltip可見(使用「mouseover」)來讀取工具提示的內容(文本tspan)。條形圖上的「鼠標懸停」工作正常。 –

+0

我可以使用'var chart = Highcharts.charts [0]'得到圖表對象。我需要獲取工具提示內容的散點圖/線圖。你能幫我拿到工具提示內容嗎? –

+0

通用工具提示是單個對象,當您將鼠標懸停在點上時,則會添加內容,因此無法從外部操作獲取共享內容。 –

相關問題