2017-07-27 40 views
0

グラフを表示するためにChart.jsを使用するアンドロイドアプリがあります。最近、私はchart.jsがAndroid 8/Android Oの最新のプレビューで動くことができるかどうかを確認しようとしました。しかし、グラフはAndroid 8/Android Oを実行している電話でアプリに表示できません。私はAndroid 7に電話をロールバックし、グラフが表示することができます。私はv2.6である最新のChart.jsを使用しています。Android 8.0/AndroidでChart.jsが表示されないO

アドバイスをしてください。

ありがとうございました。

+0

はあります、間違いは?あなたの説明だけで、何もすることは不可能です – sheplu

+0

アンドロイド8は、おそらくlibウェブサイトの問題として追加する必要があります。 –

+0

これはChartJSとは関係ありません。 Androidの最新バージョンでコードが遵守されていない可能性があります。 –

答えて

-1

私はissue #4570 Chart.jsで一時的に解決しましたが、問題を完全に解決するのを待って、Chart.jsを正常に動作させるのを手伝っています。

回避策ソリューション - チャートが表示されますが、アクションは(マウスクリックなどの上に置く)失われます。

1-本部内のあなたのキャンバスをラップ(あなたが必要になることがありdiv要素に任意のスタイルを追加)

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

2-(あなたは一時修正を行うようにするとき追跡するendAnimationイベントを使用してアイテム3 /に以下のコードを変更する可能性が)任意の「アニメーション」を削除する提案 - あなたのオプションに追加します。

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

3 - は、次のコードを追加します - これはシンプルにしているが、必要に応じてアニメーションの最後再改善することができます。

(jQueryの)

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

(ジャバスクリプト)

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

フォローissue #5184 Chart.js Githubで

関連する問題