Javascript Morris。线图x和y轴标签不显示

我有一个莫里斯双线图，如下所示：

var lineGraph = Morris.Area({
    element: 'graph_line',
    xkey: 'Date',
    ykeys: ['Sales', 'Revenue'],
    labels: ['Sales','Revenue'],
    fillOpacity: '0.7',
    gridTextFamily: 'mtsRegular',
    hideHover: 'auto',
    lineWidth: '1px',
    lineColors: ['#076178','#1ecee8'],
    pointFillColors: ['#fff'],
    pointStrokeColors: ['#012e42'],
    data: [@Html.Raw(ViewBag.LineGraph)],
    resize: true
});

一旦图形被渲染，它就会丢失x轴和y轴标签。。。如下所示：

我错过了什么？有人能帮我吗

@Mohamed以下是ViewBag.LineGraph的内容：

{ Date: '2018-08-06', Sales: 1, Revenue: 9.75 },
{ Date: '2018-08-08', Sales: 1, Revenue: 21.03 },
{ Date: '2018-08-09', Sales: 1, Revenue: 4.75 },
{ Date: '2018-08-12', Sales: 1, Revenue: 27.66 },
{ Date: '2018-08-13', Sales: 3, Revenue: 63.33 },
{ Date: '2018-08-16', Sales: 2, Revenue: 192.29 },
{ Date: '2018-08-18', Sales: 2, Revenue: 47.37 },
{ Date: '2018-08-19', Sales: 1, Revenue: 28.94 },
{ Date: '2018-08-20', Sales: 1, Revenue: 66.09 },
{ Date: '2018-08-21', Sales: 1, Revenue: 24.73 },
{ Date: '2018-08-22', Sales: 4, Revenue: 93.53 },
{ Date: '2018-08-23', Sales: 1, Revenue: 27.59 },
{ Date: '2018-08-25', Sales: 2, Revenue: 142.52 },
{ Date: '2018-08-26', Sales: 1, Revenue: 24.77 },
{ Date: '2018-08-27', Sales: 3, Revenue: 69.79 },
{ Date: '2018-08-29', Sales: 2, Revenue: 67.63 },
{ Date: '2018-08-30', Sales: 1, Revenue: 15.3 },
{ Date: '2018-09-01', Sales: 1, Revenue: 73.69 },
{ Date: '2018-09-02', Sales: 4, Revenue: 270.38 },
{ Date: '2018-09-03', Sales: 2, Revenue: 50.07 }

为我工作很好

var lineGraph=Morris.面积({
元素：“图形线”，
xkey:'日期'，
ykeys:[“销售”、“收入”]，
标签：[“销售”、“收入”]，
fillOpacity:'0.7'，
gridTextFamily:'mtsRegular'，
隐藏：“自动”，
线宽：“1px”，
线条颜色：['#076178'，'#1ecee8']，
点填充颜色：['#fff']，
pointStrokeColors:['#012e42']，
数据：[日期：'2018-08-06'，销售额：1，收入：9.75}，{日期：'2018-08-08'，销售额：1，收入：21.03}，{日期：'2018-08-09'，销售额：1，收入：4.75}，{日期：'2018-08-12'，销售额：1，收入：27.66}，{日期：'2018-08-13'，销售额：3，收入：63.33}，{日期：'2018-08-16'，销售额：2，收入：192.29}，{日期：'2018-08-18'，销售额：27.37}，{日期：'2018-08-19'，销售额：1，收入：28.94}，{日期：'2018-08-20'，销售额：1，收入：66.09}，{日期：'2018-08-21'，销售额：1，收入：24.73}，{日期：'2018-08-22'，销售额：4，收入：93.53}，{日期：'2018-08-23'，销售额：1，收入：27.59}，{日期：'2018-08-25'，销售额：2，收入：142.52}，{日期：'2018-08-26'，销售额：1，收入：24.77}，{日期：'2018-08-27'，销售额：3，收入：69.79}，{日期：'2018-08-29'，销售额：2，收入：67.63}，{日期：'2018-08-30'，销售额：1，收入：15.3}，{日期：'2018-09-01'，销售额：1，收入：73.69}，{日期：'2018-09-02'，销售额：4，收入：270.38}，{日期：'2018-09-03'，销售额：2，收入：50.07}，
调整大小：true
})；

使用

xkey:'Date'

，您告诉图表在结果的每个值中找到一个名为Date的键。您是否返回了一个键？@MuhammadOsama是的，正如我显示的图片上悬停的值所示……请参见“2018-08-12”？如果您在此处发布真实对象而不是

@Html.Raw，这将更有帮助（ViewBag.LineGraph）

通过查看页面source@MuhammadOsama好的，等一下，我会发布它的内容。@MuhammadOsama发布了它，你能看一看吗？有什么问题吗…一切都和我发布的代码一样吗？：Dno线索真的…在这里它工作了…在我的页面上，它没有标签呈现。你试过用o替换上面所有的样式表和脚本吗我的解决方案中提到的nline cdn？穆罕默德，最后是css问题…有人将x/y轴文本标签隐藏在图形下方..现在已修复：）