根據來自c3條形圖的座標對齊外部元素

Question

我正在嘗試在c3條形圖上進行疊加。我已經獲得了豎線的座標，並且我希望放置一些自定義DOM元素，但是我遇到的問題是它確實與豎線對齊。

這是我的嘗試jsfiddle。

var label = document.createElement("p"); 
var text = document.createTextNode("This is 0"); 
label.style.top = chart.internal.height - chart.internal.x(0) + "px" 
label.style.position = "relative"; 
label.appendChild(text); 
document.getElementById("chart").appendChild(label); 

http://jsfiddle.net/cjrobinson/thuwbL96/

Answer 1

只是需要absolute定位，而不是relative，在那之後你就會有幾個像素調整其垂直在酒吧

http://jsfiddle.net/thuwbL96/7/