Question

我正在使用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库。我做错了什么？任何帮助？

谢谢

Answer 1

你有两个问题：

1。）您的占位符div ID与$.plot电话不符。 live-placeholder != pie-placeholder。

2。）您不需要自己计算百分比。 Flot将在内部完成。

查看工作小提琴here。

饼图使用flot

1 个答案: