Created
February 9, 2015 08:49
-
-
Save ppillip/b34c642261024f7670f2 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
<title>chartSample</title> | |
</head> | |
<body> | |
<h1>Welcome to Meteor!</h1> | |
{{>areaDemo}} | |
</body> | |
<template name="areaDemo"> | |
<h2>areaDemo</h2> | |
<div id="container-area" style="min-width: 310px; height: 400px;"></div> | |
</template> | |
AreaData = new Mongo.Collection('areadata'); | |
if (Meteor.isClient) { | |
// counter starts at 0 | |
Session.setDefault('counter', 0); | |
Template.areaDemo.helpers = { | |
builtArea : function() { | |
$('#container-area').highcharts({ | |
chart: { | |
type: 'area' | |
}, | |
title: { | |
text: 'US and USSR nuclear stockpiles' | |
}, | |
credits: { | |
enabled: false | |
}, | |
subtitle: { | |
text: 'Source: <a href="http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf">' + | |
'thebulletin.metapress.com</a>' | |
}, | |
xAxis: { | |
allowDecimals: false, | |
labels: { | |
formatter: function () { | |
return this.value; // clean, unformatted number for year | |
} | |
} | |
}, | |
yAxis: { | |
title: { | |
text: 'Nuclear weapon states' | |
}, | |
labels: { | |
formatter: function () { | |
return this.value / 1000 + 'k'; | |
} | |
} | |
}, | |
tooltip: { | |
pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}' | |
}, | |
plotOptions: { | |
area: { | |
pointStart: 1940, | |
marker: { | |
enabled: false, | |
symbol: 'circle', | |
radius: 2, | |
states: { | |
hover: { | |
enabled: true | |
} | |
} | |
} | |
} | |
}, | |
series: AreaData.find().fetch() | |
}); | |
} | |
}; | |
/* | |
* Call the function to built the chart when the template is rendered | |
*/ | |
Template.areaDemo.rendered = function() { | |
Template.areaDemo.helpers.builtArea(); | |
}; | |
Tracker.autorun(function(){ | |
Template.areaDemo.helpers.builtArea(); | |
}); | |
// myTemplate.js | |
} | |
if (Meteor.isServer) { | |
Meteor.startup(function () { | |
if(AreaData.find().count()===0){ | |
AreaData.insert({ | |
name: 'USA', | |
data: [null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640, | |
1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, | |
27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, | |
26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, | |
24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, | |
22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, | |
10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104] | |
}); | |
AreaData.insert({ | |
name: 'USSR/Russia', | |
data: [null, null, null, null, null, null, null, null, null, null, | |
5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322, | |
4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478, | |
15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, | |
33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, | |
35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, | |
21000, 20000, 19000, 18000, 18000, 17000, 16000] | |
}); | |
}; | |
}); | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment