jQuery 迷你图 - 堆积条形图中的工具提示

Question

我正在使用 jQuery Sparklines v2.1.2 创建一个 堆积条形图 。

工具提示值显示正确。它显示列名称作为每个小块的工具提示。我应该如何为每个小块自定义工具提示？

tooltipFormat: '{{offset:offset}} - {{value}}',
  tooltipValueLookups: {
    'offset': {
      0: 'India',
      1: 'France',
      2: 'USA'
    }

源代码位于：http://jsfiddle.net/Hj6fB/236/

Answer 1

如果您仍在寻找解决方案。

这对我有用 https://groups.google.com/forum/#!topic/jquery-sparkline/XcigtHeVx3M

$('#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",
    });

看例子 http://jsfiddle.net/Hj6fB/241/

jQuery 迷你图 - 堆积条形图中的工具提示

jQuery Sparklines - Tooltip in Stacked Bar Chart

sparklines