jQuery Sparkline - Overriden tooltip

https://groups.google.com/d/topic/jquery-sparkline/s-XjpA9QMWo/discussion

HTML

<script src="http://omnipotent.net/jquery.sparkline/2.1/jquery.sparkline.js"></script>
<span id="StackedBarChart"></span>

JavaScript

$('#StackedBarChart').sparkline([
  [1, 4, 2],
  [2, 3, 2],
  [3, 2, 2],
  [4, 1, 2]
], {
  type: 'bar',
  // Map the offset in the list of values to a name to use in the tooltip
  myPrefixes: ['USA', 'France','India'],
            tooltipFormatter: function(sp, options, fields) {
                var format =  $.spformat('<div class="jqsfield"><span style="color: {{color}}">&#9679;</span> {{myprefix}} {{value}}</div>');
                var result = '';
                $.each(fields, function(i, field) {
                        field.myprefix = options.get('myPrefixes')[i];
                        result += format.render(field, options.get('tooltipValueLookups'), options);
                })
                return result;
            },
  
  height: "75px",
  barWidth: "30px",
});