jQPlot荧光笔 - 每个系列的不同荧光笔选项

时间:2012-02-16 06:28:25

标签: jquery jqplot

我有一个jQPlot线图,上面有三个不同的系列,并使用Highlighter插件显示每个系列中数据点的悬停。我想为图表中的每一行使用不同的荧光笔选项。

第1行和第2行需要显示y值,第3行需要显示y值以及消息。例如,将鼠标悬停在第1行上将是" 10"但第3行必须是"目标= 25"。

我似乎找不到为每个特定系列指定不同选项的方法。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:10)

为每个系列添加突出显示对象并指定格式字符串。这是一个包含两个系列的示例脚本:

var series1 = [[1, 2], [2, 3], [3, 4]]; 
var series2 = [[6, 7], [7, 8], [8, 9]]; 

var plot = $.jqplot('chart1', [series1, series2],
{
  series:[
      {
          highlighter: {formatString: "%d"}
      },         
      {
          highlighter: {formatString: "Target = %d"}
      }
  ],

  highlighter: {show: true}
}

答案 1 :(得分:0)

如果希望将'x'和'y'值传递给特定系列荧光笔,而不使用axes.yaxis.tickOptions.formatString选项中使用的格式,则可以在应用的荧光笔对象中设置useAxesFormatters:false对于该系列,您可以将个性化格式应用于原始值