rename extjs pie chart label

最新推荐文章于 2024-11-19 17:54:55 发布

原创最新推荐文章于 2024-11-19 17:54:55 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#pie chart label #pie chart lend #pie chart label rename #pie chart legend rename #pie chart label lend

wuxis04325 专栏收录该内容

9 篇文章

订阅专栏

昨天要做pie chart，要求是图例与标题显示不一样，这个刚开始感觉有点棘手，官方例子也没有不同的，在网上搜索了很长时间，就找到一个合适的答案，仔细一看很坑爹啊，都是对着老外的帖子抄过来的，什么扩展源码，自定义legend,写了一堆的什么扩展源码，结果还是不全的，浪费了好长的时间啊，有点不厚道，没有办法只能自己查API了，仔细查看会发现。

renderer : Function
Optional function for formatting the label into a displayable value. Default value: function(v) { return v; }

那么就去试试看吧。

json数据

 {"name":"MR","precent":"22.52%"},   
 {"name":"DXR","precent":"30.34%"},   
 {"name":"GTC","precent":"55%"},   
 {"name":"IXR","precent":"20.0%"}

pie chart label

label: {
         field: 'name',//设置为name则legend就会显示name
         display: 'rotate',
         contrast: true,
         font: '18px Arial',
         renderer: function(v) { 
            var record = pieChartStore.findRecord('name',v);//根据对应的name查找出对应的record
               return record.get('precent')+ '%'; //修改label为precent
            }
        }

这样就OK了，如下图。

[img]http://dl.iteye.com/upload/attachment/0070/7557/1052448e-e29f-3374-9de5-3b27b38b427a.png[/img]