javascript - 在图表框架中加入数据点的算法

Question

有没有办法通过在输入数组中加入点来绘制图表，而不是在加入点之前按 x 轴 asc 对数组进行排序。例如：

Input Array= [[1, 3], [5, 6], [4, 4], [3, 10]]

我检查过的所有图表框架（jqplot、flot 等）都会在连接点之前按 x 轴对数组进行排序。导致：

[1, 3] -> [3, 10] -> [4, 4] -> [5, 6]

但我想要的是加入这些点，因为它们完全出现在输入数组中。

[1, 3] -> [5, 6] -> [4, 4] -> [3, 10]

如果你按照我所说的那样绘制这几个点，你就会明白我的意思。他们看起来不同。有必要我必须加入这些点，因为它们出现在输入数组中，而不是按 x 轴升序排序。任何提示将不胜感激。

Answer 1

看看Highchart.js，尤其是样条图。我想这就是你要找的吗？

Answer 2

您可以使用任何将此数据视为 x 轴上的分类数据的图表框架来执行此操作。FusionCharts、HighCharts 等允许您在 JavaScript 中构建这些图表，将 x 轴值视为类别。

Answer 3

我用 jqplot 找到了答案。您只需将“sortData”选项设置为 false ..., sortData : false, ...,

这可确保绘制的绘图与将数据输入绘图引擎完全相同，否则 x 轴将在绘图之前进行排序。有时这是不可取的。