2013-01-22 36 views
7

मैं JQPlot का उपयोग कर रहा हूं और मेरे पास एक HTML पृष्ठ पर कई ग्राफ हैं। प्रत्येक ग्राफ में एक ही किंवदंती है।ग्राफ के बाहर JQPlot किंवदंती

मेरा प्रश्न यह है: क्या एचटीएमएल पेज पर या अपने स्वयं के div में अपनी स्थिति के साथ ग्राफ के बाहर पूरी तरह से एक किंवदंती प्रदर्शित करना संभव है?

उत्तर

0

क्या आप title खोज रहे हैं? आप अलग-अलग दिखाई देने के लिए .jqplot-title शैली बना सकते हैं। यह डिफ़ॉल्ट रूप से ग्राफ के बाहर दिखाई देता है।

$.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]], 
{ title:'Exponential Line', 
    axes:{yaxis:{min:-10, max:240}}, 
    series:[{color:'#5FAB78'}] 
}); 

आप पौराणिक कथाओं को भी पुनर्स्थापित कर सकते हैं। http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

3

पर table.jqplot-table-legend देखें हो सकता है कि आप इस तरह, पिछले ग्राफ के लिए 2 की कथा को छिपाने सकता है:

legend: { show:false} 

और 1 ग्राफ में, की तरह कुछ डाल:

legend:{ 
     show:true, 
     placement: 'outside', 
     rendererOptions: { 
      numberRows: 1 
     }, 
     location:'n' 

यह जिस तरह से आप केवल ग्राफ के शीर्ष पर एक किंवदंती दिखाएंगे।

7
legend:{ 
       show:true, 
        renderer: $.jqplot.EnhancedLegendRenderer, 
        location: 's' , 
        placement : "outside", 
        marginTop : "30px", 
        rendererOptions: { 
         numberRows: 1 
        } 
       }, 

आप प्लेसमेंट का उपयोग कर सकते हैं: उपरोक्त कोड में "बाहर" जैसा। और आप इसे मार्जिनटॉप, मार्जिनबॉटम, मार्जिन राइट, मार्जिन लेफ्ट गुणों का उपयोग करके ले जा सकते हैं।