Question

我正在使用this插件来播放图表;现在，我只想知道如何通过JSON字符串向此图添加数据：

Morris.Line({
  element: 'line-example',
  data: [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

JSBin Link

我尝试通过JSON字符串添加数据但是出现语法错误

var data-graph = "[{ y: '2006', a: 100, b: 90 },{ y: '2007', a: 75,  b: 65 },{ y: '2008', a: 50,  b: 40 },{ y: '2009', a: 75,  b: 65 },{ y: '2010', a: 50,  b: 40 },{ y: '2011', a: 75,  b: 65 },{ y: '2012', a: 100, b: 90 }]";


Morris.Line({
  element: 'line-example',
  data: data-graph,
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

当然，我不是以适当的方式提供数据。如何通过变量或JSON字符串添加数据以及我对此做错了什么？

Answer 1

您是否尝试过将字符串更改为对象？删除引号。

var data-graph = [{ y: '2006', a: 100, b: 90 },{ y: '2007', a: 75,  b: 65 },{ y: '2008', a: 50,  b: 40 },{ y: '2009', a: 75,  b: 65 },{ y: '2010', a: 50,  b: 40 },{ y: '2011', a: 75,  b: 65 },{ y: '2012', a: 100, b: 90 }];

通过变量将数据添加到图形中

1 个答案: