Javascript JS Flot图表：具有相同数据的2个y轴。一个带有数字数据，一个带有百分比

我正试图用这样的方式重新创建：

左y轴表示金钱，右y轴表示基于目标的百分比（绿线）

因此，在本例中，目标是20000美元（100%），因此右y轴需要根据需要对齐

我设法得到了这个，但正如您所看到的，显示百分比的右y轴与实际数据不“对齐”

设置轴的格式不是问题：

var percFormatter = function(val, axis) {
    return (val * 100).toFixed() + '%';
}

---

但是，如何使一个系列与两个轴相对？

您可以绘制绘图以获得第一个轴的最大值。然后使用第二个轴的新最大值编辑选项。两个轴的最小值始终为0

var plot = $.plot($("#placeholder"), [series.money, series.goal], options);

options.yaxes[1].max = plot.getYAxes()[0].max;

$.plot($("#placeholder"), [series.money, series.goal], options);

---

它正在处理我的一些评论：

太好了！但是，我如何才能获得目标和100%始终显示在轴？？？例如，在这个fiddel中：目标不是一个涂脂抹粉的数字