Jquery迷你图:可能有不同的工具提示?

时间:2013-05-02 22:43:26

标签: sparklines

我正在使用JQuery Sparklines(http://omnipotent.net/jquery.sparkline)来显示折线图,其中图表中的每个刻度都对应于当天的小时间隔。我已经格式化了工具提示:

<span style=\"color: {{color}}\">&#9679;</span> {{offset:names}} - {{y}}{{suffix}}</span>

其中offset:names对应于一天中的小时(0 = 00:00,1 = 01:00)等。

图表使用实时数据进行更新。问题是,如果将来有一个点,我不想在工具提示中显示{{y}}值 - 只是一天中的时间。是否有可能做到这一点?如果没有,还有另一种方法可以达到同样的效果吗?

1 个答案:

答案 0 :(得分:6)

发现它!使用tooltipFormatter,我做了类似的事情:

sparkOpts.CurrentTimeGroup = currentTimeGroup;
  sparkOpts.tooltipFormatter = function(sparklines, options, point)
  {
    if(point.x <= options.mergedOptions.CurrentTimeGroup)
      return "<div class=\"jqsfield\"><span style=\"color: " + point.color + "\">&#9679;</span>" + options.get("tooltipValueLookups").names[point.x] + " - " + point.y + options.get("tooltipSuffix") + "</div>";
    else
      return "<div class=\"jqsfield\"><span style=\"color: " + point.color + "\">&#9679;</span>" + options.get("tooltipValueLookups").names[point.x] + "</div>";
  };