代码之家 › 专栏 › 技术社区 › Mike DeSimone

基于开源客户端JavaScript的二维数据打印?

plot ajax javascript

Mike DeSimone · 技术社区 · 16 年前

我想知道是否有使用JavaScript在客户端运行的2D图形绘制库?其基本思想是,您可以在浏览器中放置绘图,用户可以更改X和Y比例和限制,放大和缩小,而无需不断从服务器重新加载网页。数据本身将通过AJAX获取,这将允许用户 wget 如果他们想使用重型工具,可以直接从服务器获取数据。类似于图形的2D部分 matplotlib 对于Python。

这是我很久以前研究过的一个问题,当时我认为开发一些在服务器端生成SVG的代码(使用内置的ECOSWeb服务器)要快一些,但现在我已经阅读了Prototype和jQuery之类的内容,我想知道是否有人已经去做了这件事。

3 回复 | 直到 16 年前

Glorfindel Doug L. 7 年前

你可能有兴趣试一试 Flot . Flot是一个纯Javascript开源绘图库,用于 jQuery . 它在客户端动态生成任意数据集的图形图。

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

Flot Examples - Updating graphs with 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);
}

堆栈溢出还将Flot用于用户配置文件的信誉选项卡中的可缩放图表。