实现在echart饼状图上显示百分比,数据

最近业务用到了echart,用来展示分析数据挺方便的,这里做一些小笔记。

正文:

要实现在echart饼状图上显示百分比,数据,只需要添加一些属性即可(在series里添加label标签),用法如下:

option = {
    series : [
        {
            name: '项目进度数据分析',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            label: {
                normal: {
                    show: true,
                    formatter: '{b}: {c}({d}%)' //自定义显示格式(b:name, c:value, d:百分比)
                }
            },
            data:datas   //datas在其他地方已赋值
        }
    ]
};

效果如下图:

实现在echart饼状图上显示百分比,数据_第1张图片

ok, it is so esay...

你可能感兴趣的:(前端)