是否有任何HTML5/Javascript库可用于绘制点线图？；_Javascript_Html

是否有任何HTML5/Javascript库可用于绘制点线图？；

javascript html

是否有任何HTML5/Javascript库可用于绘制点线图？；,javascript,html,Javascript,Html,这是我想在网页上动态绘制的演示图像，是否有javascript或html5库可以帮助我做到这一点？html5为此提供了画布元素。它现在非常适合当前的浏览器。这里有一个教程：HTML5为此提供了画布元素。它现在非常适合当前的浏览器。这里有一个教程：你应该看看D3。这是一个非常流行的javascript库，用于生成精美的图表和图形：你应该看看D3。这是一个非常流行的javascript库，用于生成精美的图表和图形：通过谷歌搜索，我找到了本教程通过谷歌搜索，我找到了本教程虽然有“画布”，但我建

这是我想在网页上动态绘制的演示图像，是否有javascript或html5库可以帮助我做到这一点？

html5为此提供了画布元素。它现在非常适合当前的浏览器。这里有一个教程：

HTML5为此提供了画布元素。它现在非常适合当前的浏览器。这里有一个教程：

你应该看看D3。这是一个非常流行的javascript库，用于生成精美的图表和图形：

通过谷歌搜索，我找到了本教程

虽然有“画布”，但我建议-它支持生成所述显示的所有原语。SVG和Canvas之间的一个大区别是，画布中的所有内容都会立即栅格化（即绘制到一个大的像素区域），而SVG区域中的矢量对象会根据需要进行渲染

有些库类似于“填充”某些只理解VRML的旧浏览器。RaphaelJS还使使用SVG VML变得更加容易

Raphaël['ræfeɪəl]使用SVG W3C建议和VML作为创建图形的基础。这意味着您创建的每个图形对象也是一个DOM对象，因此您可以附加JavaScript事件处理程序或稍后修改它们。Raphaël的目标是提供一个适配器，使绘图矢量艺术能够兼容跨浏览器，并且更简单

该示例显示了类似的布局（与“线”连接的形状）-甚至是交互式的。

我建议使用“画布”-它支持生成所述显示的所有原语。SVG和Canvas之间的一个大区别是，画布中的所有内容都会立即栅格化（即绘制到一个大的像素区域），而SVG区域中的矢量对象会根据需要进行渲染

有些库类似于“填充”某些只理解VRML的旧浏览器。RaphaelJS还使使用SVG VML变得更加容易

该示例显示了类似的布局（与“线”相连的形状），甚至是交互式的。

我发现infoVis或JIT库最适合这种图形。它是一个javascript库，您可以使用它来呈现这样的图形。你所需要做的就是把你的数据输入它，它就会为你设计这样的力定向图。我已经使用它很长一段时间了，我发现它的API有很好的文档记录，非常有用而且灵活

看看这两个例子

d3.js和infoVis似乎是使用最广泛的库

我有类似的需求，我测试了四个库，包括d3和infoVis/JIT

我在d3和infoVis中都使用了强制导向布局。两者都很接近，但我最终选择了infoVis/JIT，因为我在d3中遇到了一些问题，解决这些问题并不容易

1：当d3中有一个具有多个节点的图形时，该图形将在相当长的时间内保持移动/设置动画。我发现这是因为d3图形每勾一个动画。我在这里和论坛上找到了一些解决方案，但解决这个问题并不容易，它们对我也不起作用

2：渲染图形后，如果尝试拖动节点，整个图形将移动并设置自身动画。而我的要求是能够独立地拖动和定位各个节点，保持图形的原样，以便用户可以在需要时重新安排节点。我在d3中找不到任何简单的解决方案

这两个问题都在infoVis/JIT中得到了解决

查看这些链接，了解使用d3.js时可能遇到的问题