借助名为draggable-piechart的库，我已经成功地在网页上实现了可拖动的饼图。下一个挑战是根据每个圆弧的值在饼图上添加工具提示。当您将鼠标悬停在带有其值的特定弧线上时，工具提示应该显示出来，并且不应用鼠标拖动。它应该在悬停的特定弧的中间某处显示一次。
我的实现很简单。您只需要克隆此github repository称为draggable-piechart。然后打开名为 draggable-piechart.js 的文件，并将此代码粘贴到 drawNode 方法中：
polymorphic_url(@article.image.variant(resize: '800x600'))
这在节点上有效，但是当我使用 drawSegment 方法进行相同操作时，则不适用于我。工具提示未显示。
在将鼠标悬停在特定弧线上时显示工具提示是一个挑战。另一个最有趣的挑战是，由于弧是可拖动的，因此要跟上拖动的速度，因此在拖动时，弧的大小会增加或减小，这将使工具提示很难跟上该拖动。
这是可拖动饼图的教程，我上面提供的github链接包含this page上显示的最后一个示例的代码。