Flot - 甜甜圈饼图 - 自定义图例

Posted

技术标签:

【中文标题】Flot - 甜甜圈饼图 - 自定义图例【英文标题】:Flot - Donut Pie Chart - Customize legend 【发布时间】:2014-05-17 13:39:21 【问题描述】:

我使用Flot 创建了一个甜甜圈饼图。

有没有办法自定义“传奇”?我想将 GFavorite、G2 和 G3 字体加粗。我补充说:

pie:  
    innerRadius: 0.5, 
    show: true, 
    formatter: function(label, series) 
        return '<div style="font-style:bold">'; 
    

但它什么也没做。

【问题讨论】:

图例使用分配给系列的label,但看起来您已经知道了。那么,您在寻找什么样的“定制”? 【参考方案1】:

CSS 不正确...

font-weight 

是使用粗体而不是字体样式的正确标记。

见:http://www.w3.org/wiki/CSS/Properties/font-weight

【讨论】:

【参考方案2】:

你想用这个:

labelFormatter: function(label, series) 
    // series is the series object for the label
    return '<span style="font-style:bold">' + label + '</span>';

【讨论】:

亲爱的马克,很抱歉迟到了。非常感谢 @Mark,嘿,你对一些 jquery 任务感兴趣吗?

以上是关于Flot - 甜甜圈饼图 - 自定义图例的主要内容,如果未能解决你的问题,请参考以下文章

Echarts自定义折线图例,增加选中功能

饼图图例颜色未更新 mpandroidchart

Qt编写自定义控件41-自定义环形图

Flex 3.0:在饼图的图例中显示数据

甜甜圈(仪表)的自定义背景限制

R语言ggplot2可视化:编写自定义函数实现图例标题位置自定义图例标题宽度自定义图例方向自定义(different title widthspositionslegend direction