在jqplot裡面的highlighter擴充模組提供了tooltipContentEditor方法讓使用者可以處理tooltip的效果，測試ok的範例如下：
tooltipContentEditor: function (str, seriesIndex, pointIndex, jqPlot) {
plugin.logger.debug('tooltipContentEditor (x,y): ' + str);
// console.log('str: ' + str);// x , y
// console.log('seriesIndex: ' + seriesIndex);
// console.log('pointIndex: ' + pointIndex);
// console.log(jqPlot.options.axes.xaxis.ticks);
// console.log(jqPlot.data[seriesIndex]);
// console.log(jqPlot);
var xAxis =
jqPlot.options.axes.xaxis.ticks[parseInt(str) - 1];
// str.split(',')[0];
var yAxis = str.split(',')[1];//這樣取比較準
var newElem = '
'
+ ''
//以下這個方法有時候取得的值會異常，例如設成年的時候
// +'
| '
+ jqPlot.series[seriesIndex]["label"] + ' |
| x axis: | ' + xAxis + ' |
| y axis: | ' + jqPlot.data[seriesIndex][pointIndex] + ' |
';
+ '
y axis:
' + yAxis + '
';
return newElem;
}
http://stackoverflow.com/questions/17719534/jqplot-tooltip-content-editor
2015/12/28後記
被qa發了tooltip值異常的問題，擷圖來記錄一下，最後修正最完了的xaxis的解法請參上的範例即可。
