morris.js表现出困难

Question

我有一张morris.js图表​​。我有一个包含3列 id 的表，其值为1,2,3等，用户名，其值为sophie，nick，Paul等， timesloggedin < / strong>使用69,58,4等值。

我创建了一个图表，其中包含x上的id和y上的timesloggedin。

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

http://kleanthisg.work/chartsnew2.php

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

表：

user list:

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