2014-01-30 76 views
3

我有一個非常簡單的圖表,在幕後沒有有趣的代碼,但每一次,圖表不同方式加載,將標籤這樣的兩種方式之間交替: enter image description herejQuery的海軍報餅圖快要瘋了

所有的標籤似乎都被推到了不同的位置。我使用:

  • 的jQuery 1.7.1 v(我後來更新到v 1.11,但沒有改變)
  • jQuery的海軍報v 0.7(我後來更新到v 0.8,但什麼都沒有改變)
  • 的jQuery海軍報派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); 

HTML中的paceholder股利:

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

您可以顯示佔位符DIV的HTML?它是否改變瀏覽器窗口的大小? – Mark

+0

@Mark按照要求更新 –

+0

@AndriusNaruševičius您能爲它準備一個小提琴嗎? –

回答

1

顯然,這得到了固定插件的新組合(就像我的其他問題here):

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

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