jqplot中的长标签

Question

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

我的一些标签是非常长的文字字符串，不能很好地显示 - 我沿着x轴以30度角打印它们，但是长标签在页面右侧运行。

有没有办法为标签设置最大宽度（理想情况下与图表上的条形图相同）并制作标签的文字？

Answer 1

我认为你可以使用CSS来做到这一点。 由于.jqplot-xaxis-tick{ width: xxx px;}（分别为jqplot-yaxis-tick，jqplot-y2axis-tick ......），xaxis的刻度可自定义。

Answer 2

几个月前我遇到了同样的问题。这是来自@boro的一个很好的解决方案的问题：

JqPlot : Set a fix height value for the graph area not including y axe labels

Answer 3

我用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";
    }
};

基本上我在2％0位置改变元素的垂直位置。 比你需要调整一些css属性

.jqplot-xaxis{margin-top:10px; height: 50px !important;}

.jqplot-xaxis是xaxis标签栏的类。