Merging event horizontally in Fullcalendar - fullcalendar

I'm developing a non-comercial application for managing absences, using FullCalendar. It has 2 views: month and week-based. In the week view there are rows for employees and columns for days. I'm displaying absences that employees requested.
http://i.stack.imgur.com/35aRH.png
I want to merge absence (it's a FullCalendar event) into one line, so there aren't any blank spaces between them like on the image below.
http://i.stack.imgur.com/8NWrS.png
What is the proper way of doing this?

Related

Tableau - Filter Buttons not filtering correctly

I created filter buttons to use as a filter for 6 category's (measures) in Tableau Public (latest version) to filter 2 different graphs called - "Military Enrollment by Branch & War Films" as well as "Military Enrollment & Year-Over-Year Change". What I need is to be able to click on each category name (Army, Marines, War Films, etc) and for both charts to only give me data for the category selected on my dashboard. However, what is happening is that when I click on one of the buttons it displays the values for a bunch of categories instead of one and is also showing the data for specific years instead of the values for all of the years for whichever category I clicked on. Some of the years it is showing is 1980 or 1981-1983 whereas it should be displaying all the values across all years on the x-axis (from 1980-2021). It is also not showing any values for "War Films". The buttons are not working correctly and I can't find out why it is doing this.
Another issue is I can't get the "Reset Button" to work to clear all filters.
For reference I am using the worksheet called "Filter Images" for my buttons.
Attached is the workbook link: https://public.tableau.com/views/LastOne_16419877017470/Dashboard?:language=en-US&publish=yes&:display_count=n&:origin=viz_share_link
This is the chart without any button filters applied:
enter image description here
Example of what it shows when I click on "Marines", it's showing me data for multiple measures when I only selected one and it's showing me data for the year 1983 instead of data for Marines from 1980-2021.
enter image description here
That was VERY strange (until I looked at your data)
You only have Category values for 1983 but you also have all the Categories as separate measures as well.
You need to work on the data & I hate to have to say it now, but I think you should pivot your data and have 3 columns - Category, Year, Headcount (or whatever) but this will mean rebuilding a LOT of your dashboard again.

Fullcalendar 4 month display with day number only

Is it possible to create a view, where you display the whole month without the events rows at all?
Basically I want to have a grid with big day number only per cell ( and selecting a date working ).
example image: https://i.ibb.co/9vK2pxn/Selection-002.png

How do I create a "Users by time of day" heatmap in Google Data Studio?

I want to create a heatmap in Google Datastudio similar to the "Users by time of day" heatmap in Google Analytics.
This is how it looks in Google Analytics.
THE FIRST PROBLEM is that when I have my columns as the days of the week, it sorts on ascending/descending value alphabetically, NOT Sunday, Monday, Tuesday, etc.
THE SECOND PROBLEM is that I can't actually get the heatmap coloring.
THE THIRD (not a problem, but a preference)...is there a way to group every 2 hours like Google Analytics does?
I am creating this using the PIVOT TABLE chart. Should I be using a different chart? Any other ideas?
You can get something pretty close by doing this. Add a Pivot table, and modify the following settings.
Row Dimension - Hour
Column Dimension - Day of week
Metric - Users
Sort Row 1 - Hour - Ascending
Sort Column 1 - Day of Week Ascending
Then under the Style tab
Metric - change from Number to Heatmap
For the 2h interval I solved it by going in to the data source editor, click count on hour then it creates a copy that takes a formula, so i entered the formula
CASE
WHEN HOUR IN ("00","01") THEN "00-02"
...
...
...
WHEN HOUR IN ("22","23") THEN "22-00"
ELSE "Other"
END
I've recently written a tutorial on how to create this report in Data Studio.
As a summary, you need to use a "Pivot table with heatmap". Use Hour of Day as your Row Dimension, and a calculated field for Day of the Week as your Column Dimension. The code for the calculated field is in my post and it essentially adds a number before the name of the day so you can sort them alphabetically. Then, add your Metric: Sessions.
There is also a link to the dashboard that I made publicly available for anyone to copy and apply their own data.
The link to the post with step-by-step tutorial and access to dashboard template is: businessahead.co.uk/users-by-time-of-day-google-analytics

zettwerk.fullcalendar - Is it possible to limit selection to one day in whole-day selections/month view?

I'm using zettwerk.fullcalendar in a Plone Site and I am trying to restrict 'day' selections (i.e. Month View seletions and whole day selections) to 1 day.
Other questions mention enableConstract and selectConstraint.
How to limit timeslot selection to one day in Fullcalendar Jquery?
So I tried two approaches, in setting defaultCalendarOptions, I added:
'enableConstraint':{'start':'00:01',
'end':'23:59'
}
I could still select multiple days, so I tried:
'selectConstraint':{'start':'00:00',
'end':'23:59',
}
Unfortunately, that did not work either.
Is it possible or is selectConstraint/enableConstraint only for limiting the selection of hours?
The version of fullcalendar being used by zettwerk.fullcalendar is 1.6.4.

Versatile DatePicker control which satisfies these requirements

I am looking for a ready made control, ASP.NET server control or jQuery, or close enough which satisfies these requirements for a ASP.NET app:
1- Supports a year view (can display 12 months).
2- Ability to select a date range using Click on start date - shift click on end date and it selects all the days in between.
3- A date range can span more than one month. Start date can be in one month and end date in another month and it selects all days in between.
4- Can deselect a day inside a selected range (using ctrl-click).
5- Can select multiple individual days using ctrl-click. (Can do this across 12 months).
6- Can select multiple date ranges. (none of the controls I know supports this. When I select another date, the days in the older range disappear)
7- Selected dates will be saved in a database and I need to support ability to display previously selected dates when page renders the datepicker.
8- Need source code to be able to customize
There probably doesn't exist a control which does all this. The closest ones I have found so far:
1- JS Calendar. Can't select more than one date range. Can't display more than one month?
2- DatePicker. Can't select more than one date range. Can't multiselect.
3- Telerik RadCalendar. All I know I can multiselect. No date range. Need to purchase whole ASP.NET suite.
The one from EssentialObjects.com did it. The one from about.com was second. Telerik's datepicker does a postback every time I changed the month which I didn't like.

Resources