Javascript jqplot中的长标签
我正在使用jqplot动态生成一些图表 我的一些标签是很长的文本字符串,显示得不太好-我已经沿着x轴以30度的角度打印了它们,但是长标签会跑到页面的右侧Javascript jqplot中的长标签,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我正在使用jqplot动态生成一些图表 我的一些标签是很长的文本字符串,显示得不太好-我已经沿着x轴以30度的角度打印了它们,但是长标签会跑到页面的右侧 有没有一种方法可以设置标签的最大宽度(理想情况下与图表上的条形图相同)并使标签的文本换行?我认为您可以使用CSS来完成。 多亏了.jqplot-xaxis-tick{width:xxx-px;}(分别是jqplot-yaxis-tick,jqplot-y2axis-tick…)我几个月前也遇到了同样的问题。以下是@boro提供的一个很好的解决方
有没有一种方法可以设置标签的最大宽度(理想情况下与图表上的条形图相同)并使标签的文本换行?我认为您可以使用CSS来完成。
多亏了
.jqplot-xaxis-tick{width:xxx-px;}
(分别是jqplot-yaxis-tick,jqplot-y2axis-tick…)我几个月前也遇到了同样的问题。以下是@boro提供的一个很好的解决方案:
我用javascript解决了这个问题。您需要在window.onload上执行脚本,否则无法获取图表的DOM元素
window.onload = function() {
var xAxisLabel = document.getElementsByClassName("jqplot-xaxis-tick");
var i;
for (i = 0; i < xAxisLabel.length; i++) {
if(i%2 == 0)
xAxisLabel[i].style.top = "32px";
}
};
.jqplot xaxis是xaxis标签栏的一个类。是的,我已经尝试过了,但理想情况下,我希望能够在为记号创建的画布中进行文本换行。目前,标签只是一长行文字。
.jqplot-xaxis{margin-top:10px; height: 50px !important;}