憨憨的小韩 2023-06-15 09:36 采纳率: 22.2%
浏览 17

echarts圆环图有两种类型,每一种类型都是0的时候如何填充100%

echarts圆环图有两种类型,每一种类型都是0的时候如何填充100%?

  • 写回答

2条回答 默认 最新

  • 玥轩_521 2023-06-15 11:11
    关注

    对于 echarts 圆环图,如果每一种类型都是0,想要填充100%,可以设置两条数据线,一条数据线的 value 为0,一条数据线的 value 为1,这样就可以填充整个圆环,同时保持数据为0。具体实现可以参考下面的代码:

    option = {
      series: [
        {
          type: 'pie',
          radius: ['50%', '70%'],
          avoidLabelOverlap: false,
          label: {
            show: false,
            position: 'center'
          },
          emphasis: {
            label: {
              show: true,
              fontSize: '30',
              fontWeight: 'bold'
            }
          },
          labelLine: {
            show: false
          },
          data: [
            { value: 0, name: '' },
            { value: 1, name: '' }
          ]
        }
      ]
    };
    

    其中,第一个数据表示数值为0的那段圆环,第二个数据表示数值为1的那段圆环。通过设置 value 的值为0和1来实现填充整个圆环的效果。

    评论

报告相同问题?

问题事件

  • 创建了问题 6月15日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度