y轴标签放在flot chart，JQuery上

Question

为什么我的y轴放错了位置？如何解决？我无法理解为什么'y'轴位于图表的顶部。任何想法都赞赏。

这些是我正在使用的选项。我已经尝试抓住生成的y轴类并手动使用css将其向左破解几个像素，但整个图形只是移位。据我所知，API中没有任何东西可以相对于图形移动y轴自动收报机标签。

    var options = {
    colors: ["#99CCFF", "#000099", "#FF6C47"],
    series: {
    lines: {show: true, highlightColor:'#000099'},
    points: {show: true}
    },
    xaxis: {
    mode: "time",
    timeformat: "%d/%m",
    markings: [{color: "#000"}],
    },
    yaxis: {
    markings: [{color: "#000"}]
    },
    grid: {
    markings: [{color: "#fff"}],
    labelMargin: 10,
    axisMargin: 10,
    backgroundColor: {
        colors: [ "#000099", "#29A3CC" ]
    },
    borderWidth: {
        top: 1,
        right: 1,
        bottom: 2,
        left: 2
    }
    },
    legend: {
    show: true,
    backgroundOpacity:.5,
    labelBoxBorderColor: 1,
    position: "nw",
    margin: 5
    }
};
$.plot("#bpTable", [
    {label: "systolic", data: c1},
    {label: "diastolic", data: c2}
],
options);

Answer 1

正如@captain建议的那样，如果你在一个隐藏的占位符（bpTable）上调用$.plot，那就是结果。只是在占位符可见之前不要调用$.plot，或者使用一些技巧将其渲染到屏幕外（例如this example）。

Answer 2

正如@Ryley已经回答的那样，你必须在显示标签后调用$ .plot。

使用引导标签时，您可以附加处理程序并在其中调用$ .plot：

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    if ($(e.target).attr('href') == "#umsatz-tab")
    {
        $.plot("#chart", data, options);
    }
});

有关引导标签的更多信息：http://getbootstrap.com/javascript/#tabs-usage（向下滚动到“事件”