在Jquery绘图图工具提示中显示不同的数据
我正在使用jqueryflot图表。我想在工具提示中显示真实数据。 它仅显示Y轴数据。在垂直线上,如果有两种类型的数据,则每种类型的数据为50(总计=100) 第一部分显示为50,但上部分显示为100。它也应显示为100-50 这是我的逻辑代码在Jquery绘图图工具提示中显示不同的数据,jquery,charts,flot,Jquery,Charts,Flot,我正在使用jqueryflot图表。我想在工具提示中显示真实数据。 它仅显示Y轴数据。在垂直线上,如果有两种类型的数据,则每种类型的数据为50(总计=100) 第一部分显示为50,但上部分显示为100。它也应显示为100-50 这是我的逻辑代码 var options1 = { series: {stack: stack, lines: { show: lines, fill: false, steps: steps }, bars: { show: bars
var options1 = {
series: {stack: stack,
lines: { show: lines, fill: false, steps: steps },
bars: { show: bars, barWidth: 0.4 },
points: { show: true}
},
grid: {
hoverable: true //IMPORTANT! this is needed for tooltip to work
},
tooltip: true,
tooltipOpts: {
content: "%s : %y",
shifts: {
x: -60,
y: 25
}
},
legend:{'position':'ne','show':true,'margin':[-3, -20],'backgroundOpacity':0.1, 'noColumns': 4, 'container': null},
xaxis: {ticks: dest4 ,},
};
我能用这条线做什么
content: "%s : %y",
编辑:我想我误解了你的问题?如果这不是你想要的,就忽略它(或者评论,我会删除它)。我以为你想要工具提示中的类别名称
您可以为
content
属性提供一个函数,该函数从dest3
数组中获取正确的类别名称:
content: function(label, xval, yval, flotItem) {
var category = dest3.filter(function (item) { return item[0] == xval })[0][1];
return label + ' : ' + category + ' : ' + yval;
},
请参阅更新的