?
| Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/backup/allback/bucketadmin/js/ |
| Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/backup/allback/bucketadmin/js/chartjs.init.js |
/**
* Created by westilian on 1/19/14.
*/
(function(){
var t;
function size(animate){
if (animate == undefined){
animate = false;
}
clearTimeout(t);
t = setTimeout(function(){
$("canvas").each(function(i,el){
$(el).attr({
"width":$(el).parent().width(),
"height":$(el).parent().outerHeight()
});
});
redraw(animate);
var m = 0;
$(".chartJS").height("");
$(".chartJS").each(function(i,el){ m = Math.max(m,$(el).height()); });
$(".chartJS").height(m);
}, 30);
}
$(window).on('resize', function(){ size(false); });
function redraw(animation){
var options = {};
if (!animation){
options.animation = false;
} else {
options.animation = true;
}
var barChartData = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "#E67A77",
strokeColor : "#E67A77",
data : [65,59,90,81,56,55,40]
},
{
fillColor : "#79D1CF",
strokeColor : "#79D1CF",
data : [28,48,40,19,96,27,100]
}
]
}
var myLine = new Chart(document.getElementById("bar-chart-js").getContext("2d")).Bar(barChartData);
var Linedata = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "#E67A77",
strokeColor : "#E67A77",
pointColor : "#E67A77",
pointStrokeColor : "#fff",
data : [100,159,190,281,156,155,140]
},
{
fillColor : "#79D1CF",
strokeColor : "#79D1CF",
pointColor : "#79D1CF",
pointStrokeColor : "#fff",
data : [65,59,90,181,56,55,40]
},
{
fillColor : "#D9DD81",
strokeColor : "#D9DD81",
pointColor : "#D9DD81",
pointStrokeColor : "#fff",
data : [28,48,40,19,96,27,100]
}
]
}
var myLineChart = new Chart(document.getElementById("line-chart-js").getContext("2d")).Line(Linedata);
var pieData = [
{
value: 30,
color:"#E67A77"
},
{
value : 50,
color : "#D9DD81"
},
{
value : 100,
color : "#79D1CF"
}
];
var myPie = new Chart(document.getElementById("pie-chart-js").getContext("2d")).Pie(pieData);
var donutData = [
{
value: 30,
color:"#E67A77"
},
{
value : 50,
color : "#D9DD81"
},
{
value : 100,
color : "#79D1CF"
},
{
value : 40,
color : "#95D7BB"
},
{
value : 120,
color : "#4D5360"
}
]
var myDonut = new Chart(document.getElementById("donut-chart-js").getContext("2d")).Doughnut(donutData);
}
size(true);
}());