javascript - 显示给定 (X,Y) 元组的图

Question

我有一组 (X,Y) 元组。我需要在我的 html 页面中显示一个非常基本、外观简单的 XY 轴图。

我在这里专注于简单和基本，因为我在网上找到了一些相同的资源，一些库，但它似乎功能非常强大，具有极好的外观，不太容易实现类型的东西。

这是一个简单的预期类型：

我该怎么做HTML/Javascript/CSS？

Answer 1

1. 见元组的正式定义。
2. 通过使用画布和一些 javascript。已经有很多库可以做到这一点，但是画布很容易使用，你应该可以毫不费力地用你需要的颜色和位置绘制线条。

如果您想要最好的外观/功能输出，请使用库。如果您有其他更重要的目标，请学习如何自己做。