0

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

我附上了一个简单的图表。我是一名新手编码员，但处理 JS 的时间已经足够长，如果我有一个通用模板，我可以让它为我的目的工作。

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

我已经看到可以从他们的图表 API 中执行类似操作的仪表，例如谷歌仪表，但是没有足够的灵活性。

非常感谢！示例图表

4

1 回答 1

0

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

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

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

然后在代码中，将它们转换为天数并提供给饼图数据来做百分比。最后，在圆弧和圆饼图上创建标签。

这是一个开始的例子：

http://vida.io/documents/gSvr8dAH23eirKQDp

于 2013-10-24T17:39:57.400 回答