Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示给定(X,Y)元组的图形_Javascript_Css_Html_Graph - Fatal编程技术网

Javascript 显示给定(X,Y)元组的图形

Javascript 显示给定(X,Y)元组的图形,javascript,css,html,graph,Javascript,Css,Html,Graph,我有一组(X,Y)元组。我需要在html页面中显示一个非常基本、外观简单的X-Y轴图 我在这里关注的是简单和基本的,因为我在网上找到了一些相同的资源,一些库,但它似乎功能非常强大,具有极好的外观,不太容易实现这类东西 下面是一个简单的预期类型: 如何使用HTML/Javascript/CSS 见元组的形式定义 通过使用画布和一些javascript。已经有很多库可以用来做这件事了,但是画布很容易使用,而且你应该可以用你需要的颜色和位置来画线 如果您希望获得最佳外观/功能输出,请务必使用库。如果

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

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

下面是一个简单的预期类型:

如何使用
HTML/Javascript/CSS

  • 见元组的形式定义
  • 通过使用画布和一些javascript。已经有很多库可以用来做这件事了,但是画布很容易使用,而且你应该可以用你需要的颜色和位置来画线

  • 如果您希望获得最佳外观/功能输出,请务必使用库。如果你还有其他更重要的目标,一定要学会如何自己完成。

    你可能可以使用canvas元素来渲染图形。但我认为它在旧的IE版本如7&8上是不可用的。这正是我所需要的@Alnitak,我认为“一组(X,Y)元组”意味着坐标是元组,列表是保存它们的容器。在我的理解中,“有序对”是(x,y)坐标更合适的术语。使用传统的表示法,X,Y对被称为“2元组”。进一步的研究表明,是的,这确实被称为有序对。虽然进一步阅读使我得出结论,两者都是正确的英语,称{x,y}为元组是正确的,但有点误导。(通常不调用成对元组)。:耸肩: