2012-02-16 85 views
4

不同荧光笔选项我一张有三个不同的系列jQPlot线图和现在用的荧光笔插上显示在每个系列中的数据点悬停接管。我想为图表中的每一行使用不同的荧光笔选项。jQPlot荧光笔 - 每个系列

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

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

回答

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} 
} 
+0

注(上v1.0.7r1224),您将获得通过的*已经格式化如果您已经在'axes.yaxis.tickOptions.formatString'中格式化了字符串*,则将其放入高亮器的'formatString'中。例如,我有'axes.yaxis.tickOptions.formatString ='$ d'',所以高亮显示的是字符串“”$ 90“'而不是浮点数”90.30“。 – 2013-03-06 04:13:34

+0

它也有一个副作用,如果你的格式化值不能被解析为一个数字,'%f'或'%d'将产生空/空字符串。 – 2013-03-06 04:20:39

0

如果你想“X”和“Y”值获得通过特定系列荧光笔,而不在axes.yaxis.tickOptions.formatString选项一起使用的格式,您可以设置useAxesFormatters:在应用到系列荧光笔对象假的,所以你可以在我的测试申请您的个性化格式的原始值