/ / $ रूट (AngularJS) का उपयोग करके बदलते समय इस फ्लोट चार्ट के साथ div सही ढंग से आकार क्यों नहीं देगा - जावास्क्रिप्ट, html, कोणीयज

$ 350 (AngularJS) का उपयोग करते समय इस फ़्लोट चार्ट के साथ div सही ढंग से आकार क्यों नहीं बदलता - जावास्क्रिप्ट, एचटीएमएल, कोणीय

अगर मैं मुख्य स्क्रीन से बाहर क्लिक करता हूं, तो मैं सही ढंग से ग्राफ़ करता नहीं करता हूँ।

HTML बस है (कुछ स्टाइल डीबगिंग / परीक्षण के लिए है):

<div class="panel-body" ng-show="graphType !== "Mood Sentiment"" style="width:100%; max-width:100%;">
<flot id="placeholder" dataset="dataset" options="options" height="300px" style="width:100%; max-width:100%;"
ng-disabled="graphLoading" ng-class="{disabled:graphLoading} "></flot>
</div>

क्या कर रही है:

फ्लोट चार्ट का गलत आकार।

मैं यह करना चाहता हूँ:

सही आकार

उत्तर:

उत्तर № 1 के लिए 1

मैंने "फ्लोट" का उपयोग नहीं किया, लेकिन कोणीय में प्लॉट के साथ आकार बदलने वाले मुद्दों की तलाश में यह पाया गया, टिप्पणियों में से एक ने फ़्लोट-आकार बदलने वाले प्लगइन को उनके मुद्दों को कोणीय के साथ उपयोग करके हल करने का सुझाव दिया।

फ़्लोट को उत्तरदायी कैसे बनाएं?

मेरा सुझाव है कि अपने ऐप में flot resize js को शामिल करने की कोशिश करें और देखें कि क्या वह इसे ठीक करता है।

<script src="../../jquery.flot.js"></script>
<script src="../../jquery.flot.resize.js"></script>

देख: http://www.flotcharts.org/flot/examples/resize/