echarts环形图标签样式formatter设置

最新推荐文章于 2024-08-01 23:45:55 发布

少年朝食

最新推荐文章于 2024-08-01 23:45:55 发布

阅读量6.8k

点赞数 3

文章标签：前端

本文链接：https://blog.csdn.net/zld76/article/details/104441301

版权

本文展示了如何使用Echarts设置环形图的标签样式，特别是formatter属性的使用。通过字符串模板和回调函数，可以自定义显示系列名、数据名、数据值和百分比等内容。在示例中，详细解释了模板变量如{a},{b},{c},{d}的含义，并演示了如何结合自定义变量实现丰富标签效果。" 117058830,10541291,C语言实现一维数组排序,"['C语言编程', '算法实现', '数据结构']

摘要由CSDN通过智能技术生成

先看效果图
这是echarts的一个官方示例
这是echarts官网上的一个示例，直接看option：

option = {
   
    tooltip: {
   
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
   
        orient: 'vertical',
        left: 10,
        data: ['直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告', '百度', '谷歌', '必应', '其他']
    },
    series: [
        {
   
            name: '访问来源',
            type: 'pie',
            radius: