如何在 react chartjs 中获得压缩圆图？

问题描述

我想介绍一个压缩圆图（气泡图的变体，仅包含半径作为其维度）。 React Chartjs 甚至 Chartjs 仅支持气泡图，不支持压缩圆图。这是我要添加的预期图表的示例

我可以使用 react-chartjs 得到这样的东西吗？例如，为了定期启动气泡图，您需要执行以下操作。

const defaultDatasets = [
            {
              label: ["China"],backgroundColor: "rgba(255,221,50,0.2)",borderColor: "rgba(255,1)",data: [{
                x: 735,y: 50,r: 15
              }]
            },{
              label: ["Denmark"],backgroundColor: "rgba(60,186,159,borderColor: "rgba(60,data: [{
                x: 116,r: 10
              }]
            },{
              label: ["Germany"],backgroundColor: "rgba(0,borderColor: "#000",data: [{
                x: 2116,r: 15
              }]
            }
          ]

由于我的要求是压缩圆图，所以我有两个选择。

• 我可以省略 x 和 y 值。但随后所有的泡沫都被搞砸了。
• 我可以随机化 x 和 y 值并隐藏轴。但是这样随机化并不能保证任何气泡重叠或可能使一些气泡集中到一个点。

是否有任何技巧或解决方法可以像上图那样以良好的顺序显示气泡？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）