来自json的Morris.js多线图

Question

我有以下问题。我想在下面的Json中显示morris折线图中的多条线：

var lineChartData = [{"val":5,"sCategory":"1;#Translation Incomplete","CreatedDate":"2018-5-9"},{"val":2,"sCategory":"2;#VED incorrect/Missing","CreatedDate":"2018-5-11"},{"val":8,"sCategory":"1;#Translation Incomplete","CreatedDate":"2018-5-11"},{"val":1,"sCategory":"2;#VED incorrect/Missing","CreatedDate":"2018-5-9"},{"val":2,"sCategory":"2;#VED incorrect/Missing","CreatedDate":"2018-5-15"},{"val":1,"sCategory":"1;#Translation Incomplete","CreatedDate":"2018-5-16"},{"val":1,"sCategory":"1;#Translation Incomplete","CreatedDate":"2018-5-23"},{"val":2,"sCategory":"1;#Translation Incomplete","CreatedDate":"2018-5-18"}]

我们的目标是显示基于sCategory的代码行。x，y将是日期和值。我可以用总数字显示一行，但不知道如何将我的图表分成几个类别。下面是我的代码：

Morris.Line({
    element: 'morris-area-chart',
    data: lineChartData ,
    xkey: ['CreatedDate'],
    ykeys: ['val'],
    labels: ['sCategory'],
    pointSize: 5,
    hideHover: 'auto',
    resize: true
});

谢谢!

Answer 1

我想大概是这样的：

Morris.Line({
    element: 'morris-area-chart',
    data: lineChartData ,
    xkey: ['CreatedDate'],
    ykeys: ['val', 'sCategory'],
    labels: ['val', 'sCategory'],
    pointSize: 5,
    hideHover: 'auto',
    resize: true
});