rename extjs pie chart label

阅读更多

昨天要做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了，如下图。

• 
• 描述: heartneo
• 大小: 41.2 KB

• 查看图片附件