3個值（而不是2）的熒光筆（jquery-jqplot）

Question

我正在使用jquery插件jqplot。我有一個包含三個元素的元組，在圖中，元組的第一個元素是xaxis，yaxis是第二個元素。熒光筆需要顯示元組的x，y和第三個元素。喜歡的東西：

curve1=[**[x,y,date],** [1, 2,'28-May-11'], [2, 4,'30-May-11'], [3,7,'31-May-11']]; 

熒光筆顯示：(1 , 2 , '28-May-11')的第一點，(2,4,'30-May-11')在第二...

任何想法？

Answer 1

一個解決方案涉及在showTooltip方法中的小修改。 在這種方法中，下面一行是用來在HTML分配給提示元素：

elem.html(str); 

你的目的，你可以覆蓋這個作業執行以下操作：如neighbor.data是

elem.html('(' + neighbor.data[0] + ', ' + neighbor.data[1] + ', ' + neighbor.data[2] + ')'); 

用於表示包含3個值的元組：x，y和日期。

備選...

更通用的解決方案將允許從前端動態地生成的工具提示文本（而不是內highlighter.js具有固定格式的策略處理）。在這種情況下，你可以用以下內容替換上述變化：

elem.html(neighbor.data[2]); 

然後從日期更改元組的第三個元素（我假設只被用於提示的目的）的工具提示文本本身。

例如您的元組可能看起來像：

curve1=[ [1, 2, '(1, 2, 28-May-11)'], [2, 4, '(2, 4, 30-May-11)'], [3,7, '(3, 7, 31-May-11)'] ]; 

，甚至這樣的：

curve1=[ [1, 2, 'On 28-May-11 there were 2 instances.'], [2, 4, 'Then on 30-May-11 there were 4.'], ...]; 

希望有所幫助。