ब्राउज़र का आकार बदलते समय jqplot चार्ट का आकार बदलें

Question

क्या ब्राउज़र का आकार बदलते समय jqplot चार्ट को स्वत: आकार बदलने का कोई आसान तरीका है? मैं Google पर देख रहा हूं, और कुछ भी नहीं मिला है।

Answer 1

jqplots का आकार बदलना here पर चर्चा की गई है। रनिंग कोड

$(window).resize(function() { 
     plot1.replot({ resetAxes: true }); 
}); 

:

$(document).ready(function(){ 
 
    var plot1 = $.jqplot ('container', [[3,7,9,1,4,6,8,2,5]], {}); 
 
    
 
    $(window).resize(function() { 
 
      plot1.replot({ resetAxes: true }); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.8/jquery.jqplot.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqPlot/1.0.8/jquery.jqplot.min.css"> 
 
     
 
<div id="container"></div>

Answer 2

मैं

यह काम जब ब्राउज़र का आकार बदलने पर बनाने के लिए, replot समारोह अप window.resize घटना के साथ बाँध यह पाया गया है कि यदि आपके ग्राफ़ पर बहुत सारे विकल्प हैं तो प्रतिलिपि का उपयोग लगातार परिणाम नहीं देता है। खिड़की के आकार से निपटने वाले जटिल ग्राफों का एकमात्र तरीका क्रूर होना और इसे नष्ट करना और इसे पुनर्निर्माण करना है।

function() { 

    var plot; 

    var renderGraph = function() { 
     plot = $.jqplot('chartId', yourChartData, yourChartOptions); 
    } 

    renderGraph(); 

    var resizeGraph = function() { 
     if (plot) 
      plot.destroy(); 
     renderGraph(); 
    } 

    $(window).resize(function() { 
     resizeGraph(); 
    }); 
}