Chart.js 我如何解决这个问题；“未定义ctx”；问题

我在使用em0ney:chartjs包时遇到问题，这是一个meteor包，用于显示图形图表。 我似乎无法在cavnvas/模板中显示任何图形。有人能帮帮我吗

以下是我的模板中的代码：

<template name="detail">
    {{>chartCanvas2 id='chartCanvasId' width="300" height="400" }}
</template>

<template name="chartCanvas2">
   <div id="graphs">
      Displaying from "chartCanvas2" template!
      {{myGraphix}}
   </div>   
</template>

从“chartCanvas2”模板显示仅显示在支持图形显示的画布中

控制台中的错误消息：模板帮助程序中的异常：引用错误：未定义ctx

---

如何解决此问题？

ctx在哪里定义？我看到您在助手文件的第4行使用它，但没有初始化。在包文档中从未指明在何处或如何定义ctx。。。是为有使用此软件包经验的人设计的。它很可能是画布的上下文。请在使用前尝试放置

var ctx=document.getElementById（“您的CanvasId”）.getContext（“2d”）

。@Garmekain遵照您的建议并尝试了：var ctx=getElementById（“chartCanvasId”）.getContext（“2d”）；我收到错误消息：TypeError:无法读取Null的属性“getContext”。请确保在

getElementById

之前输入

文档。

。

Template.chartCanvas2.helpers({

'myGraphix' : function () {     
var chartCanvasId = new Chart(ctx, {
        type: 'bar',
        data:{
            labels: ["One", "Two", "Three" ],
         datasets: [{ 
                        label:"# of Votes",
                         data: [12, 34, 50],
          backgroundColor: [
            'rgba(255, 99, 132, 0.1)',
            'rgba(75, 299, 12, 0.1)',
            'rgba(25, 199, 32, 0.1)'
            ],           

         borderColor:[
            'rgba(52, 209, 12, 1)',
            'rgba(52, 209, 12, 1)',
            'rgba(52, 209, 12, 1)'
             ],

         borderWidth: 1
             }],

    },

    options: {
        scales: {
            yAxes:[{
                ticks: {
                    beginAtZero:true                    
                }   

                }]          
        }       
    }
});     
 return chartCanvasId;

},

});