Я только начал использовать cal-heatmap для создания Github-подобного календаря (например, карты тепла за каждый день года в блоки). В идеале мне хотелось бы выглядеть примерно так:
К сожалению, с моими настройками я получаю нечто большее:
Если текущая проблема представляет собой пробел между месяцами, например. между ними есть белые блоки. Я думаю, что проблема будет заключаться в комбинации настроек с domain
, subdomain
и, возможно, range
и rowLimit
; но я не уверен на 100%, какова должна быть эта комбинация. Я пробовал несколько - вот мои текущие настройки:
(function($) {
$(document).ready(function() {
var cal = new CalHeatMap();
cal.init({
start: new Date(2013, 0), // January 1, 2013
maxDate: new Date(),
range: 12,
rowLimit: 7,
domain: "month",
subDomain: "day",
data: "/api/users/1/annotations/",
cellSize: 12
});
});
})(jQuery);
Я уверен, что это возможно; Я думаю, вопрос в том, возможно ли это с доменом month/year и какие настройки мне нужно использовать для его достижения.
Редактировать 27 января 2014 года: Ну, я подошел так близко, как кажется, я собираюсь получить, согласно @kamisama. Вот мои текущие настройки:
cal.init({
start: oneYearAgo(),
maxDate: new Date(),
range: 1,
rowLimit: 7,
domain: "year",
subDomain: "day",
data: "/api/users/1/annotations/",
cellSize: 10.5
});
Который получает вам что-то вроде этого:
Нет ярлыков месяца и ни одного ярлыка недели недели.