我有一个有两行的jqplot图表。我使用tooltipContentEditor修改工具提示中显示的文本。在添加第二行之前,工具提示显示的值很好。现在我已经添加了另一行,工具提示总是显示第二行的数据(因此第一行的数据不正确)。如何显示正确的值?
蓝线工具提示显示黄线值:
图表初始化(里面的tooltipContentEditor函数):
$.jqplot('mychart', [coords, paidCoords], {
//title:'Sales for ' + name,
animate: !$.jqplot.use_excanvas,
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickInterval: tickInterval,
tickOptions: { formatString: formatString, angle: -30 }
},
yaxis:{
min:0
}
},
highlighter: {
show: true,
sizeAdjust: 7.5,
tooltipContentEditor: function(str, pointIndex, index, plot){
console.log('logging in tooltipeditor');
console.log(str);
console.log(pointIndex);
console.log(index);
console.log(plot);
var splitted = plot._plotData[1][index];
var x = splitted[0];
var y = splitted[1];
x = new Date(x);
x = x.toString();
return x + "<br/>$" + y;
}
},
cursor:{
show: true,
zoom:true,
showTooltip:false
}
});
答案 0 :(得分:0)
没关系!我想到了!在tooltipContentEditor函数中,我需要这样做:
var splitted = str.split(",");
而不是:
var splitted = plot._plotData[1][index];