बूटस्ट्रैप ग्रिड कैनवास

Question

के साथ काम नहीं कर रहा है। मैं span6 के साथ एक पंक्ति पर चार्ट.जेएस का उपयोग करके एक चार्ट लगाने की कोशिश कर रहा हूं। Chart.js <canvas> का उपयोग करता है और height और width संपत्ति की आवश्यकता है। मैंने height को मुझे जो चाहिए और width से 100% पर सेट किया है, लेकिन यह span6 पर सेट div को भरने के लिए नहीं फैलता है।

कोई विचार?

<div class="row" style="padding-top: 20px;"> 
    <div class="span6"> 
    <div id="daily"> 
     <canvas id="daily-chart" width="100%" height="400px"></canvas> 
    </div> 
    </div> 
</div> 

Answer 1

जहां चार्ट

new Chart(ctx).Line(data, options); 

//Boolean - If we want to override with a hard coded scale 
    scaleOverride : true, 

Answer 2

मैं अपनी समस्या को हल करने में कामयाब करने के लिए सभी विकल्पों को जोड़ने JavaScript फ़ाइल में!

कृपया यह jsFiddle देखें।

पैनलों को क्रिया में देखने के लिए आकार बदलने का प्रयास करें।

$(window).resize(respondCanvas); 

चौड़ाई और पेरेंट तत्व है कि यह में समझाया गया है और फिर अपने चार्ट redraws की ऊंचाई का लाने से चलाता है कि:

मूल रूप से, आप एक समारोह है कि खिड़की के आकार का जवाब कहते हैं।

function respondCanvas() { 
    c.attr('width', jQuery("#daily").width()); 
    c.attr('height', jQuery("#daily").height()); 
    //Call a function to redraw other content (texts, images etc) 
    myNewChart = new Chart(ct).Bar(data, options); 
} 

आप अपनी खुद की आईडी, कक्षाएं, चौड़ाई और ऊंचाइयों जैसी सभी छोटी बिट्स को समायोजित कर सकते हैं।