Falsch ausgerichtete Beschriftungen/Slice-Text in meinen Google Pie Charts

Ich verwende Google Charts, um einige Daten zu Öffnen und Klicks aus E-Mails als Kreisdiagramme anzuzeigen. Ich habe die Kreisdiagramme, die die richtigen Daten zeigen, aber ich habe Probleme mit dem Etikett auf dem Kreisdiagramm.Falsch ausgerichtete Beschriftungen/Slice-Text in meinen Google Pie Charts

Ich bin mir nicht sicher warum, aber es ist falsch ausgerichtet - es ist entschieden, dass das Etikett nicht wie üblich in der Mitte der Scheibe sein sollte (Bild links).

Interessanterweise, obwohl die meiste Zeit habe ich es falsch ausgerichtet gesehen, habe ich bemerkt, der Text richtet sich ein paar Mal richtig für die obere Scheibe (vor allem, wenn ich gerade den Code geändert habe), aber dann es wird wieder am Rand der Scheibe nach der Aktualisierung (Right Picture).

mis-aligned labels in the Google Pie Chart Aligned

Wer weiß, wie die Positionierung richtig für diese erhalten oder wenn es etwas, das ich, dass mache ist die Positionierung Ausschlagen?

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);

Quelle

2013-11-21 Jo H

+13

Ich glaube, das ist ein [Chrome Bug] (https://code.google.com/p/chromium/issues/detail?id=290399). Wir (Google Charts) haben einen Hacky, den wir in die nächste Version aufnehmen werden, aber das könnte eine Weile dauern. Also, das wird sich in den nächsten paar Tagen/Wochen magisch beheben. –

ah richtig! Ich bin froh, dass nicht nur ich diesen Bug gesehen habe und es ist etwas, das ich nicht falsch gemacht habe :) Ich mag, dass es ein Google-Produkt ist, aber nicht unbedingt so funktioniert, wie es in einem anderen Google-Produkt vorgesehen ist ... lol - Danke für die Aktualisierung! –

Ich sehe das gleiche Problem in Firefox, also ist es nicht isoliert zu Chrome. Benutzt du zufällig Bootstrap? Ich denke, es könnte damit zusammenhängen. – rochal

Dieses Problem wird in November 7, 2013 fixiert wurde, sollte es nicht mehr Probleme verursachen.

Vom Bug-Report:

Schritte, das Problem zu reproduzieren:

Highlight jede Zelle in der linken Spalte in dev Inspektors Haupttabelle (zB eine "100" enthält)

Auf der Seite zeigt das hervorgehobene Feld die Breite 32, die Metrik in Devtools die Breite 32 und eine separate "Lineal" -Extension die Breite 32

Was ist das erwartete Verhalten?
dass offset des Elements liefert auch 32

Was schief gelaufen ist?
OffsetWidth liegt dramatisch unter dem tatsächlichen Wert, mit OffsetWidth von 22 in diesem Fall. In anderen Fällen durch willkürliche Werte ausgeschaltet (z. B. die obere rechte Zelle und die darunter liegende Zelle unterscheiden sich um 1 px).

Quelle

2014-08-04 15:34:04 Braiam

Falsch ausgerichtete Beschriftungen/Slice-Text in meinen Google Pie Charts

Antwort

Verwandte Themen