使用jQuery Sparklines v2.1.2
,我正在创建一个堆积条形图.
工具提示值正确显示.它为每个小块显示列名作为工具提示.我应该如何为每个小块自定义工具提示?
tooltipFormat: '{{offset:offset}} - {{value}}', tooltipValueLookups: { 'offset': { 0: 'India', 1: 'France', 2: 'USA' }
源代码可在以下网址获得:http://jsfiddle.net/Hj6fB/236/
如果您仍在寻找解决方案.
这对我有用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('● {{myprefix}} {{value}}'); 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/