有关JS圈日历/柔性量规的任何想法？

Question

我看到很多时间轴的JS示例，但我想表示连续/周期性的数据。我想要做的是在圆圈上显示4个“季节”，突出显示当前日期适用的圆圈部分，并且可能具有一些交互/鼠标悬停功能以显示更多信息。

我附上了一张简单的图表。我是一个新手编码器，但已经足够长时间处理JS，如果我有一个通用模板，我可以使它适用于我的目的。

有没有人知道可以支持这个的JS脚本或实现它的最佳方法是什么？我猜测圈子必须在其上“映射”日期，因此动态数据将是日期，但脚本会知道圆圈的哪个部分对应于什么日期。

我已经看过可以通过他们的图表API执行谷歌测量等类似事情的测量仪，但是没有足够的灵活性。

非常感谢！

Answer 1

您可以从Javascript饼图开始，然后从那里开始工作。 d3js可能是你最好的选择。

您可以按照以下方式构建数据：

Activity,Start,End
Basketball,Jan 1, Mar 31
Tennis, April 1, Aug 24
...

然后在代码中，将它们转换为天数并输入饼图数据以执行百分比。最后，在弧形和饼图周围创建标签。

这是一个开头的例子：

http://vida.io/documents/gSvr8dAH23eirKQDp