Vermeiden Sie Tooltip in Barspacing von Sparkline Balkendiagramm zu zeigen

Question

Ich habe Platz zwischen Balkendiagrammen erstellt. Aber ich möchte Tooltip nur auf Balken nicht in Leerzeichen anzeigen.

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', 
     } 
    }, 
}) 

Die jsfiddle - http://jsfiddle.net/RsbHC/396/

Answer 1

Vielleicht können Sie eine bind eine Maus bewegen Zuhörer zu Ihrem Spark Objekt hinzufügen, die Maus bewegt und seine Position ausgegeben zu protokollieren. Und entscheiden, ob ein Tooltip angezeigt werden soll oder nicht.

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', 
     } 
    }, 
}); 

Die jsfiddle - http://jsfiddle.net/RsbHC/397/