Jquery flot饼图疯了

时间:2014-01-30 22:21:02

标签: jquery label flot pie-chart

我有一个非常简单的图表,幕后没有有趣的代码,但每次,图表加载方式不同,在两种放置标签的方式之间交替: enter image description here

所有标签似乎都被推到了不同的位置。我正在使用:

  • jquery v 1.7.1(我后来更新到v 1.11,但没有改变)
  • jquery flot v 0.7(我后来更新到v 0.8,但没有改变)
  • jquery flot pie v 1.1

这背后的代码是:

var options = 
{
    series: {
        pie: {
            show: true,
            label: {
                show: true,
                formatter: function (label, series)
                {
                    return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;background-color:#000">' + label + '<br/>' + Math.round(series.data[0][1]) + '%</div>';
                }
            }
        }
    },

    legend: {
        show: false
    }
};

$.plot($('#chart'), data, options);

持有者div的Html:

<div id="#chart" style="margin: 40px 20px 20px 0px; padding: 0px; 
                        position: relative; width:400px; height: 300px;"></div>

1 个答案:

答案 0 :(得分:1)

显然,这是通过更新的插件组合修复的(就像我的另一个问题here):

v0.7 to v0.8 of jquery.flot.js 

v1.0 to v1.1 of jquery.flot.pie.js