JavaScript图表使用非统一数据，使用统一的轴标签显示，无需上采样数据源

Question

我正在寻找一个允许x轴间距不均匀的Javascript图表框架。我已经仔细阅读了许多 JS图表框架，但是我发现的在线文档并没有明确说明该工具是否允许不规则间隔的x轴值。

我知道一种解决方案是在我的数据点的GCD上重新采样我的数据，但考虑到我的数据集的大小，这是不切实际的。相反，如果我只能绘制我选择的x轴值，那将是最有益的。

是否有任何包含此功能的工具？

编辑：如果图表具有统一的轴，则可以，但我希望我的数据源不均匀。换句话说，如果我的轴转到1 2 3 4 5 6 7就可以了，但我可能只想在2 3 5 7处绘制数据。

编辑2：我真正想要的是一个可以使情节看起来像这样的JS库：

可以通过以下MATLAB代码轻松生成：

t = [ 13.23, 105.81, 196.40]; y = [ 10, 11.5, 14.8]; plot(t,y);
hold on
plot(t,y,'o','MarkerSize',6)
axis([0 200 0 20])

Answer 1

啊，到底是什么。例如，使用Flot：

$.plot("#placeholder", [ 
    [[13.23, 10], [105.81, 11.5], [196.40, 14.8]]
],{
    xaxis: { min: 0, max: 200 },
    yaxis: { min: 0, max: 20  }
});

Answer 2

在ZingChart中，您可以在values数组中使用[x，y]对。

   "scale-x":{
       "values":"0:200:20"
   },
   "scale-y":{
       "values":"0:20:2" 
   },
   "series": [
       {
           "values": [[13.23,10],[105.81,11.5],[196.40,14.8]]
       }
    ]

这里是live demo。

免责声明：我是ZingChart团队的成员。如果您对实施有任何疑问，请随时给我们一个大声喊叫。