如何在红色圆圈中添加内容应该用 DOM 而不是 ECharts 来实现

How to add content in the red circles should be implemented with DOM rather than ECharts

提问人：Sameena Waida 提问时间：10/30/2023 最后编辑：Sameena Waida 更新时间：11/22/2023 访问量：63

问：

enter image description here

enter image description here调整电子图表大小时，它应该按预期工作

Echarts 修改后的示例

实时代码

反应JS Dom Echarts

评论

0赞 kikon 10/31/2023
请分享您的代码，您尝试过的内容。你不能指望我们从图纸上制作一个完整的图表。
0赞 Sameena Waida 10/31/2023
我已经创建了图表。但需要在仪表的两端实现标签。我已经在 echarts 社区中发布了相同的内容，他们建议使用单独的 DOM 实现
0赞 Sameena Waida 10/31/2023
请查看示例代码链接。需要在仪表图下方添加标签
1赞 kikon 11/1/2023
基于 DOM 的解决方案可以从类似此代码笔的内容开始，该代码笔是从您的示例中分叉出来的。它可以而且应该改进，我在 CSS 方面的技能是初级的。不过，我使用的想法是只对所有盒子使用一个单位：;具有宽度和高度的图表（容器），表示水平表示，垂直表示，而对于半径（半高的最小值）表示。vw100vw50vw1%1vw1%0.5vw1%0.25vw
0赞 Sameena Waida 11/17/2023
当我调整屏幕大小时，弧线重叠，如您在示例中看到的那样。我已经添加了上面的屏幕截图

答： 暂无答案

上一个：未对 HTML 进行更改

下一个：Javascript DOM 中的按钮 addeventlisteners 问题