jqplot

में वाई-अक्ष लेबल क्षेत्र की चौड़ाई बदलना ठीक है, मेरे पास एक बार चार्ट है। और यह मूल रूप से काम करता है ... लेकिन वाई-अक्ष पर लेबल थोड़े लंबे और लपेटते हैं और फिर एक-दूसरे में दौड़ते हैं।jqplot

मैंने सीएसएस को बदलने की कोशिश की है, लेकिन यह जेएस द्वारा ओवरराइड हो जाता है। मैंने यह पता लगाने के लिए 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

@ डेवी: नीचे दिया गया समाधान मेरे लिए काम करता है, मुझे लगता है कि मुझे बस 'महत्वपूर्ण' भाग – icchanobot

आप अपने सीएसएस में यह कोशिश कर सकते:

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

स्रोत

2011-08-05 03:06:11

की आवश्यकता है अरे धन्यवाद, मैंने इसे इस तरह के उत्तर का उपयोग करके समझ लिया। – icchanobot

उत्तर

संबंधित मुद्दे