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了,如下图。

rename extjs pie chart label_第1张图片
  • rename extjs pie chart label_第2张图片
  • 描述: heartneo
  • 大小: 41.2 KB
  • 查看图片附件

你可能感兴趣的:(pie,chart,label,pie,chart,lend,pie,chart,label,rename,pie,chart,legend,rename,pie,chart,label,lend)