当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《jQuerySparklines-堆积条形图中的工具提示》经验,为你挑选了1个好方法。

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

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

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

源代码可在以下网址获得:http://jsfiddle.net/Hj6fB/236/



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('
{{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/

推荐阅读
惬听风吟jyy_802
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有