Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqplot中的长标签_Javascript_Jquery_Jqplot - Fatal编程技术网

Javascript jqplot中的长标签

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提供的一个很好的解决方

我正在使用jqplot动态生成一些图表

我的一些标签是很长的文本字符串,显示得不太好-我已经沿着x轴以30度的角度打印了它们,但是长标签会跑到页面的右侧


有没有一种方法可以设置标签的最大宽度(理想情况下与图表上的条形图相同)并使标签的文本换行?

我认为您可以使用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;}