2014-03-26 72 views
2

我使用jquery.flot.js(1.1版)的图形和工具提示jquery.flot.tooltip.js(版本:0.6.7)%p堆栈图百分比与jquery.flot.tooltip不工作

我想显示堆叠图中每个堆栈覆盖的百分比区域。 我尝试过使用%p。 但它不起作用,它会在工具提示中返回“%p”。 代码片段:

tooltip: true, 
tooltipOpts: { 
    content: "%s : %y : %p.1%" 
} 

我的图是 -

enter image description here

可以在任何一个可以帮助我吗?

回答

2

仅当您还使用饼图插件http://www.flotcharts.org/flot/examples/series-pie/index.html时,才可以使用%p,该占位符仅用于支持该插件。我在文档中看到这一点并不清楚。

在你的情况下,你需要自己计算百分比值。你可以使用回调函数。格式为function(label, xval, yval, flotItem),并且必须以正确的格式返回字符串(工具提示需要)。

希望它有帮助!

+0

谢谢你的回复。 我也试过%p,但它不工作,不知道为什么它不工作。 我不能使用函数,因为我想显示每个堆栈覆盖的百分比区域。 ex:last bar height = 78 然后绿色堆栈的百分比值应该是(64/78)* 100 = 82 – sunil

+0

在这个函数中我不能访问同一个bar中其他堆栈的值。 是否可以访问? – sunil

+0

再次,'%p'只适用于饼图。你没有饼图,所以它不起作用。我不知道您是否可以访问其他堆栈的值,请检查您在“flotItem”对象中获得的值。但是您也可以访问您传递给原始数据的原始数据,因此您可以使用它们(?)。不要只依赖tooltip插件,使用你拥有的数据。 – krzysu