2017-07-27 6 views
0

Ich habe eine Android-App, die für die Ansicht einige Graphen Chart.js verwenden. Vor kurzem habe ich versucht zu überprüfen, ob das chart.js in der Lage ist, in der neuesten Vorschau von Android 8/Android O zu arbeiten. Allerdings kann das Diagramm nicht auf der App mit dem Telefon mit Android 8/Android O angezeigt werden. Wann Ich rolle das Telefon auf Android 7 zurück, das Diagramm kann zeigen. Ich benutze die neueste Chart.js, die v2.6 ist.Chart.js nicht in Android zeigt 8.0/Android O

Bitte um Rat.

Danke.

+0

ist da und Fehler? mit nur Ihrer Beschreibung, es ist unmöglich, alles zu tun – sheplu

+0

android 8 in der Vorschau ist vielleicht müssen Sie es als Fragen auf der lib Website hinzufügen –

+0

Das hat nichts mit ChartJS zu tun hat. Möglicherweise wird Ihr Code in der neuesten Android-Version nicht berücksichtigt. –

Antwort

-1

ich beschloß vorübergehend mit issue #4570 Chart.js aber ich, dass mir das Problem vollständig lösen helfen warten, so dass Chart.js normal arbeiten.

Umgehungslösung - zeigt das Diagramm aber Aktionen gehen verloren (Mausklick, schweben über usw.):

1- Wickeln Sie Ihre Leinwand in einem Div (fügen Sie alle Stile auf die div Sie benötigen)

<div><canvas height="400" id="myChart" width="400"></canvas></div> 

2- vorschlagen jede ‚Animation‘ zu entfernen (auch wenn Sie den Code unten in Artikel verändern könnten 3/die endAnimation Ereignis zu verwenden, wenn zu verfolgen die temporäre Fix durchzuführen) - Fügen Sie in Ihre Optionen:

options: { animation:{duration:0}, ..... } 

3- Fügen Sie den folgenden Code - haben dies einfach gemacht, aber re Ende der Animation verbessert werden könnte, wenn erforderlich:

(jQuery)

$('#myChart').parent().html('<img style="max-height:100%;height:auto;width:100%;max-width:100%;margin:auto;display:inline;" src="' + chart.toBase64Image() + '" />'); 

(Javascript)

document.getElementById('myChart').parentElement.innerHTML = '<img style="max-height:100%;height:auto;width:100%;max-width:100%;margin:auto;display:inline;" src="' + chart.toBase64Image() + '" />'; 

Follow issue #5184 Chart.js auf Github