Javascript变量未定义或在Morris.Bar图表

Question

将我视为js中的新手。我在访问Morris.Bar函数中的javascript变量时遇到了问题。

当我执行以下操作时，我得到正确的输出。它充当魅力：

<div id="graph"></div>
<script>
  Morris.Bar({
    element: 'graph',
    data: [{x:'2015-06-12 00:00:00.0', y: 1025},
           {x:'2015-06-12 00:00:00.0', y: 1025},
           {x:'2015-06-12 00:00:00.0', y: 1025},
           {x:'2015-06-12 00:00:00.0', y: 1025},
           {x:'2015-06-12 00:00:00.0', y: 1025},
          ],
    xkey: 'x',
    ykeys: 'y',
    labels: ['Y']
  }).on('click', function(i, row){
    console.log(i, row);
  });
</script>

但是当我对变量使用相同的东西时，我没有得到输出：

<div id="graph"></div>
<script>
  var datatable = "[{x:'2015-06-12 00:00:00.0', y: 1025},{x:'2015-06-12 00:00:00.0', y: 1025},{x:'2015-06-12 00:00:00.0', y: 1025},{x:'2015-06-12 00:00:00.0', y: 1025},{x:'2015-06-12 00:00:00.0', y: 1025}]";
  Morris.Bar({
    element: 'graph',
    data: this.datatable,
    xkey: 'x',
    ykeys: 'y',
    labels: ['Y']
  }).on('click', function(i, row){
    console.log(i, row);
  });
</script>

请有人帮我解决这个问题。这给了我很多麻烦。

它显示＆＃34; undefined＆＃34;在图表中。