Javascript flot饼图工具提示百分比

我对flot饼图有一个问题，它没有在工具提示中显示正确的百分比值，例如，它显示

系列1:%p.0%

js代码

  var data = [{
    label: "Series 0",
    data: 1
}, {
    label: "Series 1",
    data: 3
}, {
    label: "Series 2",
    data: 9
}, {
    label: "Series 3",
    data: 20
}];
var plotObj = $.plot($("#flot-pie-chart"), data, {
    series: {
        pie: {
            show: true
        }
    },
    grid: {
        hoverable: true
    },
    colors: ["#99c7ce","#efb3e6","#a48ad4","#AEC785","#fdd752"],
    tooltip: true,
    tooltipOpts: {
        content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
        shifts: {
            x: 20,
            y: 0
        },
        defaultTheme: false
    }
});

请帮助解决此问题

---

谢谢

您需要工具提示插件。

---

在这里查看可用插件的完整列表：

您需要包括

jquery.flot.tooltip.min.js

，并根据下面的工作示例更改一些设置以显示具有值的工具提示

datapie=[
{标签：“运行”，数据：19.5，颜色：'#e1ab0b'}，
{标签：“已停止”，数据：4.5，颜色：'#fe0000'}，
{标签：“终止”，数据：36.6，颜色：'#93b40f'}
];
函数legendFormatter（标签，系列）{
返回“”+
标签+''+数学舍入（系列百分比）+'%'；
};
$.plot（$（“#占位符”）、数据饼图、{
系列：{
饼图：{show:true，阈值：0.1，
//标签：{show:true}
}
},
网格：{
可悬停：正确
},
提示：正确，
工具提示：{
cssClass：“flotTip”，
内容：“%p.0%，%s”，
班次：{
x:20，
y:0
},
defaultTheme:false
},
图例：{show:true，labelFormatter:legendFormatter}
});
#flotTip{
填充物：3px 5px；
背景色：#000；
z指数：100；
颜色：#fff；
不透明度：.80；
过滤器：α（不透明度=85）；
}

我用您的数据和选项创建了一个，它似乎起作用了——例如，在悬停时，工具提示显示
9%，系列1
@prmech是正确的，此代码在JSFIDLE中工作，但在我的页面上不工作。您需要编辑问题并添加更多代码细节。您使用的是哪些jQuery/flot库，包括它们的顺序等。您使用的是最新版本的flot和工具提示插件吗？是否可以在工具提示中显示行数据（19.5 4.5 36.6）而不是百分比？尝试了%x和%y，但两者都不起作用。