मैं अज्ञात कारणों के लिए एक सरल रेखा ग्राफ प्रदर्शित करने के लिए Google चार्ट टूल्स का उपयोग कर रहा हूं, इससे कोई फर्क नहीं पड़ता कि मैं "किंवदंती" पैरामीटर कैसे सेट करता हूं। नीचे स्क्रीनशॉट में आप legend: {position: 'in', alignment:'center'} के परिणाम देख सकते हैं। इस के आसपास कैसे काम करें? । 
Google चार्ट टूल्स - ओवरलैपिंग लेबल
"..when लोग आम तौर पर ओवरलैपिंग लेबल के बारे में शिकायत करते हैं, कि एक अदृश्य कंटेनर में आकर्षित करने के लिए प्रयास कर की वजह से वर्तमान में हम इस का समर्थन कर रहा है नहीं है, इसलिए आप सुनिश्चित करें कि आपके कंटेनर प्रदर्शन नहीं है बनाने की जरूरत है: कोई नहीं जब आप चार्ट खींचते हैं। " - सेर्गेई
लिंक: https://groups.google.com/forum/#!topic/google-visualization-api/c-KpZk--8p0
धन्यवाद! मेरे पास चार्ट ड्राइंग करने से पहले कंटेनर दिखाई देता है और यह काम कर रहा है। –
मैं एक बहुत जटिल पन्ने के नीचे स्थित एक चार्ट लोड हो रहा है था और इस मुद्दे को शुरू कर दिया। मैंने पृष्ठ को लोड करने के बाद पैर के निर्माण को निष्पादित करने का निर्णय लिया था ताकि पैरेंट डिवीजन को प्रस्तुत करने के लिए समय दिया जा सके। $(document).ready(function(){ makeChart(data); }) और पैरेंट div के लिए सीएसएस की एक निश्चित ऊंचाई & चौड़ाई थी।
आशा है कि इससे मदद मिलती है!
legend.position को 'दाएं' पर सेट करें या चौड़ाई बढ़ाएं। – vs4vijay