echart 的 多个饼图,如何统一设置 center 和 radius值

发布于 2022-09-07 21:26:35 字数 695 浏览 17 评论 0

echart饼图中。饼图展示个数是不确定的是循环遍历出来的,有可能是1个或多个。怎么设置radius和center能保证面板展示不同饼图个数都能自适应展示。
同时在正常面板跟全屏面板中使用。
类似 justify-content:space-around

this.queryMeasHeader.map((name, i) => {
          return {
            name: name,
            type: "pie",
            selectedMode: "single",
            radius: [],//TODO
            center: [],//TODO
            label: {
              normal: {
                position: "inner"
              }
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: seriesData[i]
          }
        })

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

佞臣 2022-09-14 21:26:35

是不是可以设置多个div,每个div对应一个饼图

糖果控 2022-09-14 21:26:35

不太清楚你的意思,是动态生成的chart的排序问题么?如果是遍历出来的,根据i值不同,在外面设定好是left还是center还是right。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文