Javascript json中的Morris.js多重折线图

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

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
});

---

谢谢大家!

我想是这样的：

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

---

请添加您试图修复此问题的代码，以便人们能够指出正确的方向您好，谢谢您的回答，但不幸的是，这不是答案。我希望动态显示子类别标签和相关值，因此如果图片中出现新类别，我希望有一行新行。我想我需要更改json结构，但不知道如何更改。在这个版本中，如果一个新的sCategory进入json，图表将显示完全错误的，没有正确的类别标签。你好，亚当