如何解决“ctx未定义”问题?

时间:2017-04-27 19:58:29

标签: chart.js meteor-helper meteor-packages

我在使用em0ney:chartjs包时遇到问题,这是一个显示图表的流星包。 我似乎无法在cavnvas /模板中显示任何图形。有人可以帮助我。

以下是我模板中的代码:

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

...并在我的 chartCanvas2 模板下面:

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

在我的帮助文件下面:

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;

},

}); 

从“chartCanvas2”模板显示!仅在显示图表的画布中显示。

控制台中的错误消息:模板助手中的异常:ReferenceError:未定义ctx

我该如何解决这个问题?

0 个答案:

没有答案