Javascript 双线图，由用户生成

我想要一个双线图，在两者之间填充如下：

但这两行将由用户生成（他将通过点击或单击图表进行选择）。我正在研究HTML/Javascript/CSS

---

您向我推荐的图表库（免费）有哪些？

越来越多的纯JavaScript图表的开源和商业解决方案不需要Flash。在这个回答中，我将只介绍开源选项

有两类主要的JavaScript图形解决方案不需要Flash：

Canvas-based, rendered in IE using ExplorerCanvas that in turns relies on VML
SVG on standard-based browsers, rendered as VML in IE

这两种方法都有优点和缺点，但对于图表库，我建议使用后者，因为它与DOM集成良好，允许使用DOM操作图表元素，最重要的是设置DOM事件。相比之下，画布图表库必须重新发明DOM控制盘来管理事件。因此，除非您打算构建没有事件处理的静态图，否则SVG/VML解决方案应该更好

对于SVG/VML解决方案，有许多选项，包括：

Dojox Charting, good if you use the Dojo toolkit already
Raphael-based solutions

Raphael是一个非常活跃、维护良好、成熟的开源图形库，具有非常好的跨浏览器支持，包括IE6到8、Firefox、Opera、Safari、Chrome和Konqueror。Raphael不依赖于任何JavaScript框架，因此可以与Prototype、jQuery、Dojo、Mootools等一起使用

有许多基于Raphael的图表库，包括（但不限于）：

也可以试试这个：

!

---

Creds Jean

非常感谢您的回答，我想我将从Raphael开始，但一些图形（如Firefox或Chrome）不适用，但它适用于Internet Explorer。这是正常的？我注意到它与IE有一些兼容性问题，但在这里工作。我在另一台计算机上尝试过，它工作得很好。。。我不知道我的电脑怎么了。再次感谢您的回答：）很高兴听到您的回答，goodluck。“要求我们推荐或查找工具、库或喜爱的非网站资源的问题对于堆栈溢出来说是离题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，以及到目前为止为解决此问题所做的工作。”

gRaphael, an extension of the Raphael graphic library
Ico, with an intuitive API based on a single function call to create complex charts