Junyangong (Talk | contribs) |
Junyangong (Talk | contribs) |
||
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