0

我正在使用 Jquery Flot 创建一个基于三个不同值的饼图，暂停、暂停和睡眠。最初它正确地绘制了饼图，但在重绘之后它给了我以下错误。

无法使用画布内包含的标签绘制饼图

我的代码是

Lecturer.socket.onmessage = function (message) {

   var str = message.data;
   var msg = str.split(":");
   if(msg[0] == 'pause'){
       var pause = parseInt(msg[1]);
       var noPause = parseInt(msg[2]);
       var sleeping = parseInt(msg[3]);
       var data = [
          {label: "Pause", data:pause},
          {label: "No Pause", data:noPause},
          {label: "Sleeping", data:sleeping}
       ];
   var options = {
        series: {
            pie: {show: true}
        },
        legend: {
            show: false
        }
     };

    $.plot($("#pie-placeholder"), data, options);
}

};

HTML 是

<div id="live-placeholder" class="flot"></div>

包括所有需要的 js 库。我在做什么错？任何帮助？

谢谢

4

1 回答 1

2

你有两个问题：

1.) 您的占位符divID 与呼叫不匹配$.plot。 live-placeholder != pie-placeholder.

2.) 你不需要自己计算百分比。Flot 将在内部进行。

在这里看到一个工作小提琴。

于 2013-08-01T16:39:38.453 回答