交互式 Javascript 栏

Question

我正在寻找一种创建交互式子弹图的方法，它允许用户单击图表中的任意位置并设置一个标记，然后根据该标记所在的位置计算一些简单的值。例如，我希望它看起来像这样：

http://www.usrecordings.com/test-lab/bullet-graph.htm

但是，允许用户在其中单击并让它计算值。我也不希望用户仅限于轴值，它应该能够弄清楚它们之间的值是什么。以前有没有这样做过，还是我需要从头开始？

Answer 1

Flot 或许能够满足您的需求。

查看一些examples，尤其是交互式的。它是开源的，所以你可以添加任何你需要的功能。这应该是一个很好的起点。

Answer 2

HTML 画布是一个很好的起点。一个简短的谷歌搜索显示可能没有很多交互式图表可用。这是几个 HTML 画布示例，第一个是数学，第二个是 w3c 规范：Polynomials、HTML Canvas w3c。我发现搜索 HTML 画布游戏示例比直接的 HTML 画布示例产生更多的教程。我不知道你的编程能力是什么，所以我给你这些链接，假设你有 javascript 经验。

玩得开心。

哦，感谢您询问以前是否做过。