javascript - jqPlot 对齐不同 y 轴的零点

Question

在 jqPlot 中，我在图表中呈现了两个系列。它们显示不同的数据，以不同的单位测量，因此它们每个都有自己的 y 轴(yaxis 和 y2axis)。

jqPlot 自动构造两个 y 轴以适应数据范围。没关系 - 我不想手动设置轴 min, max, ticks，因为数据的范围可能会有很大差异。

但是，我想将两个 y 轴 的 0 刻度对齐到同一水平。这可能吗？

注意:有人可能会争辩说没有必要对齐，例如，0° C 温度与 0 ms^-1风速，因为这些值之间没有数学关系。但如果是这样，它看起来确实好多了，而且看起来不错是图表的重点:)

测试示例:

var data1 = [[0, 0], [3, 50]];
var data2 = [[0, 0], [3, -50]];

$.jqplot('chart', [data1, data2], {
  series: [
    { yaxis: 'yaxis' },
    { yaxis: 'y2axis' },
  ]        
});

Answer 1

我认为这绝对是 jqplot 中的一个错误。

看到这三个 fiddle [1] , [2]和 [3] .第一个是从 jqplot 的最新版本中的示例中提取的。第二个显示默认模式，禁用 forceTickAt0 和 alignTicks。最后，第三个与原来的相同，但将第一个系列中的第二个数据值更改为负值。

您可以在第一个示例中看到零是如何对齐的。然而，在第三个示例中，尽管所有设置都保持不变，但轴不再对齐。

您可以尝试在 jqplot issues page 中为此提交问题.

与此同时，为了解决您的问题，您可以通过向值添加偏移量使所有值都变为正值来解决此问题，然后重写轴标签以显示此偏移量差异。你可以看到一个 example here .但是，恐怕这仍然不是您想要完成的。