簡體   English   中英

D3條形圖,X軸上帶有工具提示

[英]D3 Bar Chart with Tooltip on X-Axis

我正在使用D3條形圖。 當鼠標懸停在欄上時,我可以顯示工具提示(來自http://bl.ocks.org/Caged/6476579 )。 但是,在我的某些圖表中,Y范圍很大,有些具有較大的值,有些則較小,結果某些條形圖的高度基本上為0。 因此,我可能會有點('a',10245)和('b',32)。 “ 32”仍然很重要,但是我不能將其懸停在該欄上,因為它太小了。

如何在x軸上添加相同的工具提示,以便顯示“ b:32”提示?

綁定數據並設置事件:

   d3.selectAll('.x .tick')
    .data(data)
    .on('mouseover', tip.show)
    .on('mouseout', tip.hide);

這里的例子。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM