Wie kann ich auflösen "Kann die Eigenschaft 'getContext' von null nicht lesen"

Question

Ich habe Probleme beim Aufruf rgraph Leinwand in ASP mvc. Hier ist mein Code und ich füge alle erforderlichen Links von rgraphs hinzu. Und jquery Datei auch. Und einen Fehler facing "Uncaught TypeError: Cannot read property getContext von null"

var key = RGraph.HTML.Key('containerPie', { 
    colors: ['blue', 'green'], 
    labels: response.labels, 
    tableCss: { 
    //position: 'absolute', 
    top: '50%', 
    right: '-80px', 
    transform: 'translateY(-50%)' 
    } 
}); 

new RGraph.Pie({ 
    id: 'cvsPie', 
    data: response.res, 
    options: { 
    strokestyle: '#e8e8e8', 
    variant: 'pie3d', 
    linewidth: 2, 
    gutterLeft: 5, 
    shadowOffsetx: 0, 
    shadowOffsety: 7, 
    shadowColor: '#ddd', 
    shadowBlur: 15, 
    radius: 40, 
    tooltips: response.res, 
    colors: ['blue', 'green'] 
    } 
}).draw(); 

Und hier ist mein div Code:

<canvas id="cvsPie" width="450" height="300"></canvas> 

Answer 1

Es ist zu sagen, dass die Leinwand Objekt null ist, so gibt es kein getContext() -Methode. In der Regel hängt dies damit zusammen, dass Sie die falsche ID verwenden - was Ihrer Meinung nach nicht der Fall ist - oder den Code ausführen, bevor die Zeichenfläche existiert.

Dieser zweite Punkt könnte Ihr Problem sein - wenn sich der Code über dem Canvas-Tag auf der Seite befindet und Sie nicht das Ereignis DOMContentLoaded oder window.onload verwenden.

So versuchen, den Code zu bewegen, die das Diagramm nur nach der Leinwand-Tag oder setzen Sie Ihren Code innerhalb des onload Ereignis wie dieses schafft:

<script> 
    window.onload = function() 
    { 
     // Your code goes here 
    } 
</script>