ECharts显⽰百分⽐（⼩数转百分⽐）后台数据传递给前端是⼩数格式，例如：0.2248
前端显⽰要求为:22.48%
⽅法，设置tooltip.formatter和yAxis.axisLabel.formatter，两个分别是提⽰语格式化和Y轴标签格式化。
⽰例：
//初始化echart
var myChart = echarts.ElementById('chartArea'));
//初始配置
var option = {
title: {
text: ''
},
tooltip: {
formatter:null
},
legend: {
data:['新增⽤户数']
},
grid: {
left: '3%',
right: '4%',
bottom: '4%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
axisLabel:{
interval:0,
rotate:0
},
boundaryGap: false,
data: []
},
yAxis: {
axisLabel:{
formatter:null
}
},
series: []
};
//查询数据后，更新配置
option.xAxis.data = chartData.xAxisData;
option.legend.data = chartData.legends[0];
option.series = chartData.series[0];
var dataFormat = chartData.dataFormats[0];
if(dataFormat == 'normal'){
option.yAxis.axisLabel.formatter = null;
}else if(dataFormat == 'percentage'){
option.yAxis.axisLabel.formatter = function(value,index){
return (value*100).toFixed(2)+'%';
};
return (params.value*100).toFixed(2)+'%';
};
}
myChart.setOption(option,true);
另外，如果图上显⽰了数值，则也需要格式化。格式化⽅法如下：
//4.x版本
option.series.label.formatter = function (params) {
return (params.value*100).toFixed(2)+'%';setoption
};
//3.x版本
option.al.formatter = function (params) {
return (params.value*100).toFixed(2)+'%';
};
//2.x版本
option.al.label.formatter = function (params) { return (params.value*100).toFixed(2)+'%';
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。