javascript - 双折线图，由用户生成

Question

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

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

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

Answer 1

对于不需要 Flash 的纯 JavaScript 图表，有越来越多的开源和商业解决方案。在此回复中，我将仅介绍开源选项。

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

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 事件。相比之下，Canvas 图表库必须重新发明 DOM 轮来管理事件。因此，除非您打算构建没有事件处理的静态图，否则 SVG/VML 解决方案应该会更好。

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

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

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

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

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

也试试这个：

http://www.highcharts.com！

信用让