昨天要做pie chart,要求是图例与标题显示不一样,这个刚开始感觉有点棘手,官方例子也没有不同的,在网上搜索了很长时间,就找到一个合适的答案,仔细一看很坑爹啊,都是对着老外的帖子抄过来的,什么扩展源码,自定义legend,写了一堆的什么扩展源码,结果还是不全的,浪费了好长的时间啊,有点不厚道,没有办法只能自己查API了,仔细查看会发现。
那么就去试试看吧。
json数据
pie chart label
这样就OK了,如下图。
[img]http://dl.iteye.com/upload/attachment/0070/7557/1052448e-e29f-3374-9de5-3b27b38b427a.png[/img]
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]