2016-11-09 6 views
0

イオンカードを使用して統計情報を表示しています(chartjsを使用)。これは、ブラウザとAndroid 4.4.2に完璧に動作しますが、テキストは、Android 4.4.2上で動作するアプリケーションのアンドロイド5. スクリーンショットに表示されていません:アンドロイド5上で動作するアプリケーションのイオンカードアイテムのテキストがアンドロイドに表示されない5

enter image description here

スクリーンショット:ここでは

enter image description here

は私のスペックです:
イオンV:2.1.1
コルドバV:6.3.1
Nodejs V:v4.2.6

そしてここでは私のコードです:!

<div class="row"> 
    <div class="col"> 
     <div class="list card"> 

     <a class="item item-icon-left bg-blue color-white"> 
      <i class="icon ion-pricetag"></i> 
      CA 
     </a> 

     <div class="row"> 
      <div class="col col-40 clotureInfo"> 
      <div class="row light-bg"> 
       <div class="col col-50"> 
       <a class="item">CA Global</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.caGlobal}}€</a> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col col-10"> <a class="item"> <i class="icon ion-arrow-right-c"></i></a></div> 
       <div class="col col-40"> 
       <a class="item"> Vente directes</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.venteDirecte}}€</a> 
       </div> 
      </div> 
      <div class="row light-bg"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Nb tickets</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.nbTickets}}</a> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Tickets moyen</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price" ng-if="globalData.nbTickets>0"> {{(globalData.venteDirecte/globalData.nbTickets).toFixed(2)}}€</a> 
       <a class="item price" ng-if="globalData.nbTickets==0"> 0</a> 
       </div> 
      </div> 

      <div class="row light-bg"> 
       <div class="col col-10"> <a class="item"> <i class="icon ion-arrow-right-c"></i></a></div> 
       <div class="col col-40"> 
       <a class="item"> Vente resto</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.venteResto}}€</a> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Nb couverts</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{globalData.nbCouverts}}</a> 
       </div> 
      </div> 
      <div class="row light-bg"> 
       <div class="col col-10"></div> 
       <div class="col col-40"> 
       <a class="item"> Moy couverts</a> 
       </div> 
       <div class="col col-50"> 
       <a class="item price"> {{(globalData.venteResto/globalData.nbCouverts).toFixed(2)}}€</a> 
       </div> 
      </div> 
      </div> 

      <div class="col col-50"> 
      <canvas id="pie" class="chart chart-pie" 
       chart-data="data" chart-labels="labels" chart-options="options" chart-colors="globalData.colors2"> 
      </canvas> 
      </div> 
      <div class="col col-10"> 
      <p class="rec-color"> <span ng-style="{background: globalData.colors2[0]}"></span> Vente resto </p> 
      <p class="rec-color"> <span ng-style="{background: globalData.colors2[1]}"></span> Vente directe</p> 
      </div> 
     </div> 

     </div> 
    </div> 
    </div> 

私は重要でZインデックスと色を使用してCSSスタイルを使用してテキストを表示しようとしたが、それは仕事をdeosn't。

答えて

0

ここでは、cssクラス "card"とchartjの間に競合があります。
それはこの2例で働いていた:

  • 私は

は、だから私はカードを取り外したカードは、CSSクラスを削除し、私はカスタムCSSコードを使用すると、私はchartjsキャンバス

  • を削除する場合。

    なぜそれがうまくいけばアンドロイド4.4.2で、アンドロイド5にバグがありましたか?

  • 関連する問題