y轴标签放置在flot图表上,JQuery

y轴标签放置在flot图表上,JQuery,jquery,flot,Jquery,Flot,为什么我的y轴放错了位置,我该如何修复它?!我无法理解为什么“y”轴位于图表顶部。任何想法都值得赞赏 这些是我正在使用的选项。我尝试抓取生成的y轴类,并手动使用css将其向左砍几个像素,但整个图形只是移动了一下。就我所见,API中没有任何东西可以相对于图形移动y轴标记器标签 var options = { colors: ["#99CCFF", "#000099", "#FF6C47"], series: { lines: {show: true, highli

为什么我的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);

正如@captain所建议的,如果在隐藏占位符(bpTable)上调用
$.plot
,那么这就是结果。只要在占位符可见之前不要调用
$.plot
,或者使用一些技巧将其渲染到屏幕外(例如类似的内容)。

因为@Ryley已经回答了,您必须在显示选项卡后调用$.plot

使用引导选项卡时,可以附加处理程序并在其中调用$.plot:

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

有关引导选项卡的更多信息:(向下滚动至“事件”

图片让人们了解您的问题,但为了帮助您解决问题,您必须提供(部分)源代码并解释您尝试的内容。我猜您是在隐藏div中绘制图(
)当你调用
plot
时,你是否在accordio或tabs中绘制图形,或是没有连接到
DOM
的东西?请看,特别是我最后的评论,如果我们使用tabs和accordio并在两者中绘制图形,我们是否有一些黑客或技巧?如果使用tabs很好,但accordion呢?我想这不是一个cle延迟绘图的解决方案i通常延迟
绘图
调用,直到实际显示相关选项卡(使用选项卡的
激活
事件)