morris.js显示困难

Question

我有一个morris.js图。我有一个包含3列id的表，其值为1、2、3等，用户名的值为索菲、尼克、保罗等，timesloggedin的值为69、58、4等。

我创建了一个图表，其中x上有I，y上有timesloggedin。

我想要的不是在图表底部的条形下显示id号，而是显示它们的用户名。你可以在这里看到图表：

http://kleanthisg.work/chartsnew2.php

代码：http://kleanthisg.work/CODE.TXT

表：

用户名单：

Answer 1

您需要提供用户名并将其设置为xkey。

Morris.Bar({
 element : 'chart_line_1',
 data:[{ id:'1', timesloggedin:65, username: 'Paul'}, 
        { id:'5', timesloggedin:10, username: 'John'}, 
        { id:'7', timesloggedin:4, username: 'Steve' }],
 xkey:'username',
 ykeys:['timesloggedin'],
 labels:['timesloggedin'],
 hideHover:'auto',
});