我在条形图之间创建了空间。但我想只在条形图上显示工具提示而不是空白区域。
var values = [100.00,100.00,100.00,80.00,80.00,66.67];
// Draw a sparkline for the #sparkline element
$('#sparkline').sparkline(values, {
type: "bar",
// Map the offset in the list of values to a name to use in the tooltip
tooltipFormat: '{{offset:offset}} {{value}}',
barSpacing: '50px',
tooltipValueLookups: {
'offset': {
0: 'Jul',
1: 'Aug',
2: 'Sep',
3: 'Oct',
4: 'Nov',
5: 'Dev',
}
},
})
jsfiddle - http://jsfiddle.net/RsbHC/396/
答案 0 :(得分:1)
也许您可以将鼠标移动侦听器绑定到您的迷你线对象,以记录鼠标移动及其位置。并决定是否应显示工具提示。
var values = [100.00,100.00,100.00,80.00,80.00,66.67];
var barSpacing = 50;
var barWidth = 4;
$('#sparkline').bind('mousemove',function(e){
var xPosInBar = e.offsetX % (barSpacing + barWidth);
if(xPosInBar > barWidth ){
$('#jqstooltip').hide();
}else{
$('#jqstooltip').show();
}
});
// Draw a sparkline for the #sparkline element
$('#sparkline').sparkline(values, {
type: "bar",
// Map the offset in the list of values to a name to use in the tooltip
tooltipFormat: '{{offset:offset}} {{value}}',
barWidth: barWidth+'px',
barSpacing: barSpacing+'px',
tooltipValueLookups: {
'offset': {
0: 'Jul',
1: 'Aug',
2: 'Sep',
3: 'Oct',
4: 'Nov',
5: 'Dev',
}
},
});
jsfiddle - http://jsfiddle.net/RsbHC/397/