3

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

2 回答 2

8

正如@captain 建议的那样，如果您调用$.plot隐藏的占位符（bpTable），那么这就是结果。只是在您的占位符可见之前不要调用$.plot，或者使用一些技巧将其渲染到屏幕外（即类似于此示例的内容）。

于 2013-08-02T15:29:31.300 回答
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（向下滚动到“事件”

于 2013-09-18T15:19:59.563 回答