echart 饼图,value值没有显示在图上(已解决)

导读:本篇文章讲解 echart 饼图,value值没有显示在图上(已解决),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

如果所示:value并没有显示出来,只有name值显示出来了
在这里插入图片描述
饼图 数据格式:

  this.optionData = [
          {
            value: 0,
            name: "13x24",
          },
          {
            value: 0,
            name: "400x70",
          },
          {
            value: 0,
            name: "7x24",
          },
          {
            value: 0,
            name: "400x11",
          },
        ];

反复查看数据格式是正确的,也和官方提供的数据对比了 还是不显示,最后发现:
是设置了formatter的问题

 formatter: '{b}' //只展示 name  值

将这行注释掉就可以啦,因为饼图 默认是展示value值的
在这里插入图片描述
修改后:
在这里插入图片描述
显示出来了~ 附图:
在这里插入图片描述
也可以设置成:

          formatter: '{b} : {c}', // b为name,c为value
          // formatter: '{b}:{c}({d}%)' // d为百分比

附图:

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/79189.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!