I am required to use dp.useEventBoxes = "Never" as I have one or more events occuring within the same day and require them to appear in one cell in one line. Please see and example attached herewith,
http://imgur.com/a/ke1y1
I have managed to however achive the same using eh following config. However this seems to be very slow in rendering. Any ideas how I could achive the same with more efficiency?
this.config = {
// Timespan settings.
startDate: "2016-05-01", //this.displayDate,
days: 366,
// Viewport settings.
timeHeaders: [
{ groupBy: "Year" },
{ groupBy: "Quarter" },
{ groupBy: "Month" },
{ groupBy: "Week" },
{ groupBy: "Day", format: "d" }
],
scale: "Day", // <- Using day-wise scale
cellGroupBy: "Day", <-- Using day-wise grouping
useEventBoxes: "Never",
// Event settings.
durationBarMode: "PercentComplete",
onEventClicked: args => this.onEventSelected(args),
onIncludeTimeCell: args => this.onIncludeTimeCell(args)
};
onIncludeTimeCell(args) {
// Hiding cells which have a start hour greater than or equal to nine.
if (args.cell.start.getHours() >= 9) {
args.cell.visible = false;
}
}