javascript - float 中的双轴

Question

我想使用 flot 创建一个具有四个象限的图表。我需要在图表的左侧和右侧都有标签 - 具有相同的刻度。这是我的代码:

$.plot($("#placeholder"), [ [<%=points%>] ], { series: {lines: { show: false },
  points: { show: true }}, 
  yaxes: [{ ticks:[[0,"Left"]],max: 100, min:-100 },
          { position: "Right",ticks:[[0,"Right"]], max:100, min: -100 }],
  xaxis: { ticks:[[0,"Bottom"]], max: 100, min:-100 } });

我得到了“左侧”和“底部”标签，但右侧没有任何标签。预先感谢您提供的任何帮助。

Answer 1

我也遇到了同样的问题。为了使辅助 y 轴出现在图的右侧，您需要连接一个系列，但该系列位于显示的数据范围之外:

{label:"dummy data",data:[[-1000,-100],[-1000,100]], yaxis:2} //yaxis array is indexed from 1

由于您的范围似乎是固定的，因此匹配刻度非常简单。我的范围和刻度是高度动态的，因此我通过包含连接到辅助 y 轴的主要数据的完整重复系列来匹配刻度。我只是将它在 x 轴上移动到完全超出显示范围。

是的，这是浪费的，因为它涉及提供额外的数据。但在 Flot 支持显示没有连接系列的 yaxes 之前，这将完成它。