हाईचार्ट्स रीड्रो और रीफ्लो काम नहीं कर रहे

Question

मैं एक गतिशील पृष्ठ बनाने की कोशिश कर रहा हूं जिसमें उस पर 1-4 ग्राफ के बीच कोई संख्या है जिसे आवश्यकतानुसार जोड़ा या हटाया जा सकता है लेकिन मैंने एक बड़ी समस्या में भाग लिया है और मैं प्रतीत नहीं कर सकता युक्त div का आकार बदलने के बाद ग्राफ को आकार बदलने के लिए। उदाहरण के लिए यदि मैं पृष्ठ पर एक ग्राफ जोड़ता हूं तो यह चौड़ाई 800 होगी, फिर एक और ग्राफ जोड़ने के लिए एक बटन पर क्लिक करें, इसे 400 टुकड़े के आकार में बदलना चाहिए, लेकिन मैं इसे नहीं कर सकता। एक बहुत ही साधारण मॉडल के रूप में मेरे पास है निम्नलिखित

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'line', 
      width: 300 
     }, 
     title: { 
      text: 'Width is set to 300px' 
     }, 

     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }] 
    }); 
    $('#resize').click(function() { 
     $('#container').attr('style', 'width: 800px'); 
     $("#container").highcharts().reflow(); 
     console.log($('#container').width()); 
    }); 
}); 

अब जब कि यह क्रोम में देव उपकरण खिड़की करने के लिए 800 प्रवेश करेंगे चलाया जाता है लेकिन ग्राफ का आकार नहीं बदलेंगे। मैंने हाईचार्ट्स के लिए प्रलेखन में सुझाए गए रेड्रो() और रीफ्लो() दोनों को आजमाया है। मैं यहां jsfiddle पर वास्तव में एक त्वरित डेमो भी स्थापित करता हूं, http://jsfiddle.net/7cbsV/ कोई भी मेरी मदद कर सकता है। यह बहुत महत्वपूर्ण है। मदद के लिए पहले से ही धन्यवाद।

Answer 1

सरल chart.setSize(w,h) का उपयोग करने के बारे में कैसे? docs देखें।

$("#container").highcharts().setSize(800, height); 

Answer 2

बस से

$('#container').highcharts({ 
    chart: { 
     type: 'line', 
     width: 300 
    }, 

चार्ट की चौड़ाई को दूर इतना है कि यह इस

$('#container').highcharts({ 
    chart: { 
     type: 'line' 
    }, 

की तरह है और सिर्फ इस

#container { 
    width: 300px; 
} 

तरह से 300 कंटेनर चौड़ाई सेट तो कंटेनर div का आकार बदलें क्योंकि आप पहले से ही कर रहे हैं। चार्ट कंटेनर div की चौड़ाई के अनुसार आकार बदल जाएगा।

उम्मीद है कि इससे मदद मिलती है।