[コンポーネント] <canvas>: Canvas 2d インターフェースは同一レイヤーでのレンダリングをサポートしており、パフォーマンスが優れているため、切り替えて使用することをお勧めします。詳細についてはドキュメントを参照してください

[コンポーネント] : Canvas 2d インターフェースは同一レイヤーレンダリングをサポートしており、パフォーマンスが向上しているため、切り替えて使用することをお勧めします。詳細についてはドキュメントを参照してください

問題

WeChat アプレットが echarts を使用すると、コンソールでエラー
[コンポーネント] が報告されます: キャンバス 2D インターフェイスは同じレイヤーでのレンダリングをサポートし、パフォーマンスが向上しています。使用に切り替えることをお勧めします。詳細についてはドキュメントを参照してください

理由

echarts の内部理由

解決

  1. ソースコードec-canvas.jsを変更する
// before 
  data: {
    
    
    isUseNewCanvas: false
  },

// after  
  data: {
    
    
    isUseNewCanvas: true
  },

この変数の true/false は、キャンバスをレンダリングするときのタイプが 2D かどうかによって決まります。

  1. 同時に、コンポーネントの呼び出し元がforce-use-old-canvas="true"を設定できないようにする必要があります。
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar"   ec="{
    
    { ec }}"></ec-canvas>

おすすめ

転載: blog.csdn.net/qubes/article/details/130660989