双轴在flot

时间:2012-05-05 20:18:31

标签: javascript jquery flot

我想使用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 } });

我得到了“左”和“下”标签但右侧没有任何内容。提前感谢您提供的任何帮助。

1 个答案:

答案 0 :(得分:0)

我有同样的问题。为了使辅助y轴出现在图的右侧,您需要连接一个系列,但它不在显示的数据范围内:

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

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

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