今天工作中要求echarts生成的餅圖需要顯示百分比並保留一位小數，在echarts的series.lable.formatter中可以設定該屬性。

值得注意的是 自帶的{d}%預設保留兩位小數，如需修改小數位數，需要自己寫一個函式。

<script type="text/javascript">
        // 基於準備好的dom，初始化echarts例項
var myChart = echarts.init(document.getElementById('main'));

// 指定圖表的配置項和資料
var option = {
    title : {
        text: '住院醫療品質',
        //2.重大疾病醫療、
        //3.癌症醫療、
        //4.意外傷殘醫療
        //------------------
        //xx先生養老需求、xx女士養老需求（環形）
        // subtext: '純屬虛構',
        x:'center'
    },
    tooltip : {
        // trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        top: 'center',
        left: 'right',
        // 圖例名字和資料的名字一定要一致，滑鼠懸停圖例和單擊圖例有功能
        data: ['已購買日額型險種','缺口金額']
    },
    series : [
        {
            name: '訪問來源',
            type: 'pie',
            radius : ['50%', 0],
            // 水平位置，垂直位置
            // center: ['50%', '60%'],
            label:{            //餅圖圖形上的文字標籤
                normal:{
                    show:true,
                    position:'inner', //標籤的位置
                    textStyle : {
                        fontWeight : 300 ,
                        fontSize : 16    //文字的字型大小
                    },
                   
 

 formatter:function(data){ return data.percent.toFixed(1)+"%";} 

使用這段程式碼後，效果如下圖所示。特此記錄。