2012-02-16 48 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:在應用到系列熒光筆對象假的,所以你可以在我的測試申請您的個性化格式的原始值