$('#mycalendar').mobiscroll().eventcalendar({
    view: {
        scheduler: { type: 'week' }
    },
    groupBy: 'resource',
    resources: [{
        id: 1,
        name: 'Ryan',
        color: '#f7c4b4'
    }, {
        id: 2,
        name: 'Kate',
        color: '#c6f1c9'
    }, {
        id: 3,
        name: 'John',
        color: '#e8d0ef'
    }]
});