2013-11-26 100 views
0

百分比字體大小我已經使用jQuery Flothere增加海軍報餅圖

配置餅圖,我使用了Default without legend餅圖,它顯示percentagelabels,象下面這樣:

 $.plot($("#placeholder_pie"), data, { 
       series: { 
        pie: { 
         show: true 
        } 
       }, 
       legend: { 
        show: false 
       } 
      }); 

    } 

enter image description here

但是,正如我們所看到的,percentage font-size太小了,所以我想增加它,並通過VA去但是無法做到這一點。

所以任何人都可以請讓我知道如何增加百分比字體大小?是否有可能增加它?

回答

3

你試圖像http://jsfiddle.net/L7XY3/http://jsfiddle.net/L7XY3/1/

我用

function labelFormatter(label, series) { 
    return "<div style='font-size:20px;'>" + label + "<br/>" +series.percent + "%</div>"; 
} 

增加字體大小。

讓我知道我理解你的要求是否正確。

+0

:感謝回答,其實我想它像顯示在'HTTP:// jsfiddle.net/L7XY3 /',但是當我使用的代碼,我得到像'錯誤無法與標籤畫大餅裏面所含帆布' –

+2

請用你的代碼做一個小提琴示例。這將有助於檢查問題。 – vinothini

+1

@shivakrishna如果您收到該錯誤,那麼您的佔位符太小而不能放置標籤。您需要縮小字體大小,增加佔位符大小,或者將標籤設置在餅圖內部而不是外部。 – DNS

0

我有同樣的問題在第一評論由婆克里希納描述。 爲了解決這個問題,我在labelFormatter函數中使用了Math.round(series.percent)而不是series.percent