使用 Raphael JS 的散点图答案

【问题标题】：scatter plot using Raphael JS使用 Raphael JS 的散点图
【发布时间】：2011-10-05 19:50:46
【问题描述】：

我正在寻找用于客户端图表的 javascript 库。我主要想制作散点图并与它们进行交互。另外，我需要轴是对数的（这就是我扔掉高图的原因）。我看着拉斐尔。有人可以给我使用 Raphael JS 散点图的好例子吗？您还可以建议绘制散点图的其他方法，除了高图。

【问题讨论】：

标签： javascript raphael scatter-plot

【解决方案1】：

这是在 Raphael 网站上 - http://raphaeljs.com/github/dots.html

【讨论】：

感谢您的回复。实际上，我一直在寻找更高层次的东西。

【解决方案2】：

您可以访问具有对数轴的Javascript库LightingchartJS.。它是使用 WebGL 构建的，因此 GPU 比典型的基于 HTML5/Canvas 的图表库更有助于渲染。它为scatter chart 提供了交互式示例，具有超过 4800 个数据点，具有出色的性能。您也可以将自己的数据点添加到接受数据点的系列中，例如 { x: number, y: number, z:number }

series.add([
    { x: 55, y: 60, z:40 },
    { x: 60, y: 62, z:40 },
    { x: 65, y: 65, z:50 }
    ])

有关更多信息，您也可以查看我们的interactive examples。

完全披露：我是 LightningChart 的开发人员，我认为您可能会发现这非常有用。

【讨论】：