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