...

2、增加宏修改数据标签效果:

代码块 |
---|
|
function main(chartView) {
var chart = chartView.getChartObject().getChart();
var option = chartView.getChartObject().getOptions();
var series = option.series[0].data;
// 遍历所有标签
for (var i in series) {
series[i].label = series[i].label || {};
series[i].label.normal = series[i].label.normal || {};
series[i].label.normal.formatter = function(data) {
debugger;
var name = data.name;
var value = data.value;
// 此处可设置标签格式 例:name:value
return name + ":(" + data.percent +'%)\n' + value.toFixed(2)+'元';
};
}
chart.setOption(option);
}
|
...
代码块 |
---|
|
{
"series": [{
"label": {
"normal": {
"show": true,
"position": "outer",
"formatter": "{b}\n{c}\n{d}%"
}
}
}]
} |
若是需要将名称、数值、百分比同时显示,并且对百分比进行四舍五入,可以使用如下扩展属性: 注:若是需要将名称、数值、百分比同时显示,并且对百分比进行四舍五入,可以使用如下扩展属性:
代码块 |
---|
|
{
"series": [{
"label": {
"normal": {
"formatter": "function(arg){return arg.name+': '+arg.value+' '+Math.round(arg.percent)+'% '+arg.value}"
}
}
}]
}
|
...