Question

我正在使用jquery flot chart。我想在工具提示中显示真实数据。它只显示Y轴数据。在垂直线上，如果有两种类型的数据，每一种都是50（总数= 100）。

第一部分显示50但上部显示100.它应显示50也为100-50。

这是我的逻辑代码。

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",

http://jsfiddle.net/qbXDw/16/

Answer 1

编辑：我想我误解了你的问题？如果这不是您想要的，请忽略它（或评论，我将删除它）。我以为你想要工具提示中的类别名称。

您可以为content属性提供一个函数，该函数从dest3数组中获取正确的类别名称：

content: function(label, xval, yval, flotItem) {
    var category = dest3.filter(function (item) { return item[0] == xval })[0][1];
    return label + ' : ' + category + ' : ' + yval;
},

请参阅更新后的fiddle。

在Jquery绘图图工具提示中显示不同的数据

1 个答案: