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

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

  •  5
  • Mike DeSimone  · 技术社区  · 15 年前

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

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

    3 回复  |  直到 15 年前
        1
  •  4
  •   Glorfindel Doug L.    5 年前

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

    首先,请确保检查以下示例,该示例使用通过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用于用户配置文件的信誉选项卡中的可缩放图表。

    Flot example with zooming overview

        2
  •  5
  •   Rudi    15 年前

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

        3
  •  0
  •   Jason    15 年前