要求实现效果:仪表盘上显示数字保留两位小数
效果图:
image.png
html部分:
<div id="chart" style="width:100%;height:500px;"></div>
js部分:
var chart = echarts.init(document.getElementById('chart'))
var option = {
tooltip: {
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
feature: {
restore: {},
saveAsImage: {}
}
},
series: [
{
name: '业务指标',
type: 'gauge',
detail: {
formatter: function (value) {
return value.toFixed(2)
}
},//在页面上显示小数的重点代码
data: [{ value: 22.80, name: '完成率' }]
}
]
};
chart.setOption(option)
网友评论