增加flot饼图中的字体大小百分比

时间:2013-11-26 06:48:19

标签: jquery css charts flot percentage

我使用jQuery Flothere

配置了一个饼图

我正在使用Default without legend饼图,其中percentage显示labels,如下所示:

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

    }

enter image description here

但正如我们所看到的,percentage font-size太小了,所以我想增加它,并经历了各种设置,但却无法做到。

那么有谁能告诉我如何增加字体大小?是否有可能增加它?

2 个答案:

答案 0 :(得分: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>";
}

增加字体大小。

让我知道我对你的要求是否正确理解。

答案 1 :(得分:0)

我在第一条评论中遇到了shiva krishna所描述的相同问题。 要解决此问题,我在labelFormatter函数中使用Math.round(series.percent)而不是series.percent