Echarts-之显示百分比

最新推荐文章于 2024-08-11 09:08:01 发布

灵主不悔

最新推荐文章于 2024-08-11 09:08:01 发布

阅读量7w

点赞数 14

分类专栏：前端学习

本文链接：https://blog.csdn.net/u012235651/article/details/72763089

版权

前端学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

对于使用echarts要显示百分比，要改两个地方，第一个地方时坐标轴显示为百分比的格式，第二个是让值以百分比的形式显示，如50，在图上面显示为50%。

yAxis: [  
        {  
            type: 'value',  
            axisLabel: {  
                  show: true,  
                  interval: 'auto',  
                  formatter: '{value} %'  
                },  
            show: true  
        }  
    ],

第二个是改series

  itemStyle: {  
                normal: {  
                    label: {  
                        show: true,  
                        position: 'top',  
                        formatter: '{b}\n{c}%'  
                    }  
                }  
            },