如何用Flotr2饼图中的值替换百分比?

时间:2013-04-01 15:23:30

标签: javascript flotr flotr2

在他们的网站上,他们有example如何绘制饼图。但它显示的是数据的百分比而不是实际值。

我试过搞乱pie对象上的格式化程序实例,但无济于事。那么如何显示价值而不是百分比呢?更广泛地说,如何定制Flotr2图表?

2 个答案:

答案 0 :(得分:3)

以下是显示切片值的饼图格式化程序示例:

pie : {
  show : true, 
  explode : 6,
  labelFormatter : function (pie, slice) {
    return slice;
  }
}

http://jsfiddle.net/cesutherland/vd5gt/4/

答案 1 :(得分:0)

标签格式化程序在flotr2中不起作用,它只返回pie&切片,但您可以引用如下数据:

var data = [ { data: [[ 'abc', 3 ]], color: '#FFF' }, 
             { data: [[ 'xyz', 9 ]], color: '#000' } ];

    pie : { show : true, 
            labelFormatter : function (pie, slice) { 
                if (slice < 5) return '';
                else return data[0][0] + ' ' + slice + '%'; },
   other : properties
          }

只会显示一个标签(&#39; xyz&#39;),因为它超过了阈值。