开源客户端基于JavaScript的2D数据绘图？

Question

我想知道是否有任何2D图形绘制库使用JavaScript在客户端运行？基本的想法是你可以在浏览器中绘制一个图表,用户可以更改X和Y标度和限制,放大和缩小等内容,而无需不断地从服务器重新加载网页.数据本身将通过AJAX获取,wget如果用户想要使用重型工具,这将允许用户直接从服务器获取数据.类似于matplotlibPython 的2D部分.

这是我很久以前看过的,然后才决定开发一些只在服务器端生成SVG的代码(使用内置的eCos Web服务器)更快,但现在我一直在阅读关于像Prototype和jQuery这样的东西,我想知道是否已经有人已经完成了这项工作.

Answer 1

http://g.raphaeljs.com/ - 跨浏览器兼容的JS图表库.

Answer 2

您可能有兴趣尝试Flot。Flot 是jQuery的纯 Javascript 开源绘图库。它在客户端动态生成任意数据集的图形。

首先，请确保检查以下示例，该示例使用通过 AJAX 获取的数据来实时绘制图表：

• Flot 示例 - 使用 AJAX 更新图表

使用 AJAX 获取和绘制数据的代码如下所示：

function fetchData() {

    function onDataReceived(series) {
        data = [ series ];

        $.plot($("#placeholder"), data, options);
    }

    $.ajax({
        url:      "data_feed.php",
        method:   "GET",
        dataType: "json",
        success:  onDataReceived
    });

    setTimeout(fetchData, 1000);
}

Stack Overflow 还使用 Flot 作为用户个人资料“声誉”选项卡中的可缩放图表。

有关弗洛特的更多信息：

• 弗洛特项目现场
• 浮点示例
• 其他浮点示例