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 ，或者使用一些技巧將它渲染到屏幕外（例如這個例子 ）。

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 （向下滾動到“事件”