我使用flot api绘制图形,因为我增加或减少滑块(类型 - “范围”)。如何在条形图的顶部显示图形的值? 目前我正在使用这段代码,但它没有产生任何结果:
function showTooltip(x, y, contents) {
$('<div id="tooltip">' + contents + '</div>').css( {
position: 'absolute',
display: 'none',
fontFamily: 'Trebuchet MS, Arial, Helvetica, Sanserif',
fontSize: '11px',
top: y - 23,
left: x - 3,
border: '1px solid silver',
padding: '2px',
'background-color': 'black'
}).appendTo("body").fadeIn(200);
}
var previousPoint = null;
$("#placeholder_1").bind("plothover", function (event, pos, item) {
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
$("#tooltip").remove();
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
showTooltip(item.pageX, item.pageY, 'R$ '+y);
}
} else {
$("#tooltip").remove();
previousPoint = null;
}
});