根据来自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/