Difference between revisions of "Team:Manchester/Notebook"

Line 39: Line 39:
 
     </div>
 
     </div>
  
 +
var cal = new CalHeatMap();
 +
cal.init({
 +
itemSelector: "#example-g",
 +
domain: "month",
 +
subDomain: "x_day",
 +
data: "https://2017.igem.org/Team:Manchester/Notebook/dataweight.json",
 +
start: new Date(2014, 5),
 +
cellSize: 20,
 +
cellPadding: 5,
 +
domainGutter: 20,
 +
range: 2,
 +
domainDynamicDimension: false,
 +
previousSelector: "#example-g-PreviousDomain-selector",
 +
nextSelector: "#example-g-NextDomain-selector",
 +
domainLabelFormat: function(date) {
 +
moment.lang("en");
 +
return moment(date).format("MMMM").toUpperCase();
 +
},
 +
subDomainTextFormat: "%d",
 +
legend: [20, 40, 60, 80],
 +
          onClick: function(date, count) {
 +
            var month = date.getMonth() + 1;
 +
            var day = date.getDate();
 +
            var pid = "date-" + month + "-" + day;
 +
            $("#myid").load("https://2017.igem.org/Team:Manchester/Notebook/data.html #" + pid);
 +
          }
 +
});
  
 
     <div id="myid">
 
     <div id="myid">

Revision as of 12:35, 6 July 2017


DIARY

var cal = new CalHeatMap(); cal.init({ itemSelector: "#example-g", domain: "month", subDomain: "x_day", data: "https://2017.igem.org/Team:Manchester/Notebook/dataweight.json", start: new Date(2014, 5), cellSize: 20, cellPadding: 5, domainGutter: 20, range: 2, domainDynamicDimension: false, previousSelector: "#example-g-PreviousDomain-selector", nextSelector: "#example-g-NextDomain-selector", domainLabelFormat: function(date) { moment.lang("en"); return moment(date).format("MMMM").toUpperCase(); }, subDomainTextFormat: "%d", legend: [20, 40, 60, 80], onClick: function(date, count) { var month = date.getMonth() + 1; var day = date.getDate(); var pid = "date-" + month + "-" + day; $("#myid").load("https://2017.igem.org/Team:Manchester/Notebook/data.html #" + pid); } });