javascript - Github.com 之类的时间线图表

标签 javascript charts github

有没有人见过生成类似于 Github.com 的提交时间线图表的开源库?查看this profile (随机选择一个)并注意每个项目下方的条形图。

我一直在试图控制 Flot 使其正常运行,但它没有格式化选项的灵 active 来提供一个像样的克隆。就个人而言,我更喜欢 Javascript 实现,但我也愿意查看服务器端的东西。

绝对必须是一个独立的实现,该应用程序要连接到与 Internet 分离的网络,因此 Google Charts API 是不可能的。

最佳答案

我建议使用 jQuery Sparklines 。您需要创建两个单独的图表并将它们放在彼此之上(一个用于蓝色条,另一个用于灰色条)。您还需要将虚线/图例设为图像,但 github 也为此使用图像。

这里有一些不错的值可以帮助您入门:

Example sparkline values

编辑:我最初用相对定位重叠了两个独立的迷你图,但最好使用“复合”选项在同一 Canvas 上绘制两个图形。

关于javascript - Github.com 之类的时间线图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2356938/

相关文章:

javascript - 如何在ASP.NET中动态添加数据库数据到Jquery控件?

javascript - Google Charts 中具有相同 x 轴的多个图形

javascript - 混合图表中的顶点图表图表顺序

VB.NET 如何重用/重新查询/重置/清除现有图表以显示新数据

visual-studio - GitHub Enterprise 与 Team Foundation Server (TFS)

javascript - 使用Codeigniter,如何使用get_where,但不包含某些行?

javascript - Canvas 调整大小甩掉听众 x y

javascript - 无法解析主机 github.com

git - 有没有办法跟踪 Atlassian Crucible 中分支的 merge 前和 merge 后代码审查

javascript - Grunt - 将多个文件缩小/处理为一个