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 回答