更改jqplot中y軸標籤區域的寬度

好吧，我有條形圖。它基本上可以工作......但是y軸上的標籤有點長，然後包裝，然後碰到對方。更改jqplot中y軸標籤區域的寬度

我試過改變CSS，但它得到由JS超過。我試圖掃描通過jqplot庫找出它發生的地方，但我迷路了。任何想法？有沒有我可以設置的選項？

你可以在這裏看到：

enter image description here

這裏是我的html文件：

<html> 
<head> 
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]--> 
<script language="javascript" type="text/javascript" src="jquery.min.js"></script> 
<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script> 
<script language="javascript" type="text/javascript" src="jqplot.barRenderer.min.js"></script> 
<script language="javascript" type="text/javascript" src="jqplot.categoryAxisRenderer.js"></script> 
<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" /> 
<script> 
    $(function() { 
     graph_me('chart1',[ 'This is a label', 'This is another label..', 'Is this too long? This looks like it might break','Im not sure, but '], [40, 20, 5, 1]); 
    }); 
    function graph_me(div_name, labels_in, values_in) { 
     var labels = labels_in.reverse(); 
     var values = values_in.reverse(); 
     $.jqplot(div_name, [values], { 
      series:[{ 
       renderer:$.jqplot.BarRenderer, 
       rendererOptions: { 
        barDirection: 'horizontal', 
        varyBarColor: true 
        } 
       } 
      ], 
      axes: { 
       yaxis: { 
        renderer: $.jqplot.CategoryAxisRenderer, 
        ticks: labels, 
        tickOptions: { 
         showGridline: false, 
         markSize: 0 
        } 
       } 
      } 
     }); 
    } 
</script> 
</head> 
<body> 
<div id="chart1" style="height:400px;width:500px; margin: 0 auto;"></div> 
</body> 
</html>

來源

2011-08-04 icchanobot

我遇到的SAE問題icchanobot - 您是否設法找到解決方案？ – davy

@davy：下面的解決方案爲我工作，我想我只需要'！important'部分 – icchanobot

你可以在你的CSS試試這個：

.jqplot-yaxis { 
    margin-left:-80px !important; 
    width:80px !important; 
}

來源

2011-08-05 03:06:11

嘿謝謝，我用一個非常類似於這個的答案弄清楚了。 – icchanobot

更改jqplot中y軸標籤區域的寬度

回答

相關問題