[Komponente] <canvas>: Die Canvas-2D-Schnittstelle unterstützt das Rendern auf derselben Ebene und bietet eine bessere Leistung. Es wird empfohlen, auf Verwendung umzusteigen. Einzelheiten finden Sie in der Dokumentation

[Komponente]: Die Canvas 2D-Schnittstelle unterstützt das Rendern auf derselben Ebene und bietet eine bessere Leistung. Es wird empfohlen, auf Verwendung umzusteigen. Einzelheiten finden Sie in der Dokumentation

Problem

Wenn das WeChat-Applet Echarts verwendet, meldet die Konsole einen Fehler
[Komponente]: Die Canvas-2D-Schnittstelle unterstützt das Rendern auf derselben Ebene und weist eine bessere Leistung auf. Es wird empfohlen, auf Verwendung umzusteigen. Einzelheiten finden Sie in der Dokumentation

Grund

echarts interner Grund

Lösung

1. Ändern Sie den Quellcode ec-canvas.js

// before 
  data: {
    
    
    isUseNewCanvas: false
  },

// after  
  data: {
    
    
    isUseNewCanvas: true
  },

Der Wert „true/false“ dieser Variablen hängt davon ab, ob es sich beim Rendern der Leinwand um einen 2D-Typ handelt

2. Gleichzeitig ist es erforderlich, dass der Komponentenaufrufer force-use-old-canvas="true" nicht festlegen kann.

<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar"   ec="{
    
    { ec }}"></ec-canvas>