2013-11-21 13 views
17

में गलत गठबंधन लेबल/स्लाइस टेक्स्ट मैं पाई चार्ट के रूप में ईमेल से खुलने और क्लिक के बारे में कुछ डेटा दिखाने के लिए Google Charts का उपयोग कर रहा हूं। मुझे पाई चार्ट सही डेटा दिखा रहा है, हालांकि मुझे पाई चार्ट पर लेबल के साथ समस्याएं आ रही हैं।मेरे Google पाई चार्ट

मुझे यकीन नहीं है कि क्यों, लेकिन यह गलत गठबंधन है - यह तय किया गया है कि लेबल सामान्य (बाएं चित्र) जैसे टुकड़े के बीच में नहीं होना चाहिए।

दिलचस्प बात यह है कि अधिकांश समय मैंने इसे गलत तरीके से देखा है, मैंने देखा है कि टेक्स्ट शीर्ष स्लाइस के लिए कुछ बार सही ढंग से संरेखित होता है (मुख्य रूप से जब मैंने कोड में बदलाव किए हैं) लेकिन फिर यह रीफ्रेशिंग (दायां चित्र) के बाद स्लाइस के किनारे पर वापस चला जाता है।

mis-aligned labels in the Google Pie ChartAligned

किसी को भी कैसे स्थिति इन के लिए सही पाने के लिए पता है या नहीं है अगर कुछ मुझे लगता है कि कर रहा हूँ स्थिति बाहर दस्तक है?

function drawPieChartOpens() 
{ 

    var data = new google.visualization.arrayToDataTable([ 
     ['Opens','Count'], 
     ['Opens',3988], 
     ['Non Opens',21145] 
    ]); 

    var options = { 
     'width':200, 
     'height':300, 
     'legend':'none', 
     colors: ['#00933B','#DDDDDD'], 
     slices: {0: {offset: 0.2}}, 
     'chartArea':{width:'100%'} 
    }; 

    var chart = new google.visualization.PieChart(document.getElementById('opens-2782714')); 
    chart.draw(data, options); 
} 

google.setOnLoadCallback(drawPieChartOpens); 
+13

मुझे विश्वास है कि यह एक [क्रोम बग] है (https://code.google.com/p/chromium/issues/detail?id=290399)। हम (Google चार्ट्स) के पास एक हैकी काम है कि हम अगले रिलीज में चेरी चुनने जा रहे हैं, लेकिन यह कुछ समय हो सकता है। तो, यह अगले कुछ दिनों/हफ्तों में जादुई रूप से खुद को ठीक करेगा। –

+0

आह सही! मुझे खुशी है कि यह सिर्फ मुझे नहीं है जिसने इस बग को देखा है और ऐसा कुछ नहीं है जो मैंने गलत किया है :) मुझे यह पसंद है कि यह एक Google उत्पाद कैसा है, लेकिन यह आवश्यक नहीं है कि इसका उद्देश्य किसी अन्य Google उत्पाद में है ... lol - मुझे अद्यतन करने के लिए धन्यवाद! –

+0

मुझे फ़ायरफ़ॉक्स में एक ही समस्या दिखाई देती है, इसलिए यह क्रोम से अलग नहीं है। क्या आप किसी भी मौके से बूटस्ट्रैप का उपयोग कर रहे हैं? मुझे लगता है कि यह उससे संबंधित हो सकता है .. – rochal

उत्तर

3

यह समस्या November 7, 2013 में तय किया गया था, यह अधिक समस्याओं का कारण नहीं होना चाहिए।

बग रिपोर्ट से:

कदम समस्या को पुन: करने के लिए:

  1. हाइलाइट देव निरीक्षक में मुख्य तालिका के बाएँ कॉलम में किसी भी सेल (जैसे एक युक्त "100")
  2. पृष्ठ पर, हाइलाइट किया गया बॉक्स चौड़ाई 32 दिखाता है, devtools में मीट्रिक चौड़ाई 32 दिखाता है, और एक अलग "शासक" एक्सटेंशन चौड़ाई 32
दिखाता है

अपेक्षित व्यवहार क्या है?
यही तत्व के offsetWidth भी 32

क्या गलत हो गया था रिटर्न?
ऑफ़सेट विड्थ वास्तविक मूल्य के तहत नाटकीय रूप से है, इस मामले में ऑफसेट के 22 के साथ। अन्य मामलों में मनमानी मात्रा से बंद (उदा। ऊपरी-दाएं सेल और इसके नीचे एक 1px से भिन्न होता है)।

संबंधित मुद्दे