Javascript-图形库

发布于 2024-12-28 13:37:22 字数 144 浏览 1 评论 0 原文

我想知道是否有人知道一个简单的 javascript 图形库,可以绘制点(5,-2)和(6,1)。我还希望能够在这两点之间画一条线。

我已经看过,但到目前为止找不到任何可以做到这一点的[易于使用]库。我将不胜感激任何帮助或图书馆链接。

谢谢!

I'm wondering if anyone knows of a simple javascript graphing library that can plot, for example, the points (5,-2) and (6,1). I'd also like to be able to draw a line between these two points.

I've looked but so far cant find any [easy to use] library that can do this. I would appreciate any help or links to libraries.

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

信愁 2025-01-04 13:37:22

回答您的上一条评论,使用 Flot 创建和绘制一些基本点的方法是:

$(function () {
var d = [[0, 3], [4, 8], [7, 2]];
    $.plot($("#placeholder"), [ d ]);
});

这里有更复杂图表的文档 http://people.iola.dk/olau/flot/API.txt 和 Web 项目页面(谷歌代码)

http://code.google.com/p/flot/

希望这可以帮助您,如果此站点中没有,您可以找到 javascript 绘图和图表库的列表

http://javascript .open-libraries.com/utilities/chart/20-best-javascript-charting-and-plotting-libraries/

编辑
如果您想绘制一个点,我发现的最好方法是使用以下选项:

    var d = [[1,3]];
    var options = {
        series: {
          lines: { show: false },
          points: { show: true }
        }
    };
    $.plot($("#placeholder"), [ d ], options);

Answering to your last comment, the way to create and plot some basic points with Flot is:

$(function () {
var d = [[0, 3], [4, 8], [7, 2]];
    $.plot($("#placeholder"), [ d ]);
});

Here you have the doc for more complex graphs http://people.iola.dk/olau/flot/API.txt and the web project page (google code)

http://code.google.com/p/flot/

Hope this could help you, if not in this site you can found a list of javascript plotting and charting libraries

http://javascript.open-libraries.com/utilities/chart/20-best-javascript-charting-and-plotting-libraries/

Edit
If you want to plot a single point, the best way I've found is to use the options:

    var d = [[1,3]];
    var options = {
        series: {
          lines: { show: false },
          points: { show: true }
        }
    };
    $.plot($("#placeholder"), [ d ], options);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文