morris.js 显示困难

Question

我有一个 morris.js 图表。我有一个 table 有 3 列 id 具有诸如 1,2,3 等的值，usernames 具有诸如 sophie 的值， nick、Paul 等和 timesloggedin 具有 69、58、4 等值

我创建了一个图表，其中包含 x 上的 ID 和 y 上的时间记录。

我想要的不是在图表底部的条形图下方显示 ID 号，而是显示他们的用户名。您可以在此处查看图表：

http://kleanthisg.work/chartsnew2.php

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

table:

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

morris.js 显示困难

morris.js displaying difficulties

morris.js