| Server IP : 27.254.66.5 / Your IP : 216.73.217.39 Web Server : Apache/2 System : Linux cs82.hostneverdie.com 3.10.0-1160.45.1.el7.x86_64 #1 SMP Wed Oct 13 17:20:51 UTC 2021 x86_64 User : technic2 ( 1951) PHP Version : 7.4.30 Disable Function : apache_child_terminate, apache_setenv, define_syslog_variables, escapeshellarg, escapeshellcmd,exec, fp, fput, highlight_file, ini_alter, ini_restore, inject_code, passthru,phpAds_remoteInfo, phpAds_XmlRpc,phpAds_xmlrpcDecode, phpAds_xmlrpcEncode, popen, posix_getpwuid, posix_kill, posix_mkfifo, posix_setpgid, posix_setsid,posix_setuid, posix_setuid, posix_uname,proc_open,proc_close, proc_get_status, proc_nice, proc_terminate, shell_exec, syslog, system, xmlrpc_entity_decode, show_source,sleep,pcntl_exec,virtual,suexec,dbmopen,dl,symlink,disk_free_space,diskfreespace,leak MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/technic2/domains/technicrayong.ac.th/public_html/js/plugins-init/ |
Upload File : |
(function($) {
"use strict"
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart1);
function drawChart1() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
fontName: 'Hind Madurai',
backgroundColor: 'transparent',
height: 400,
fontSize: 14,
chartArea: {
left: '5%',
width: '90%',
height: 350
},
tooltip: {
textStyle: {
fontName: 'Hind Madurai',
fontSize: 14
}
},
hAxis: {
textStyle: {
color: "#FFFFFF"
},
gridlines: {
color: "transparent"
},
baselineColor: 'transparent'
},
vAxis: {
textStyle: {
color: "#FFFFFF"
},
baselineColor: 'transparent',
gridlines: {
color: 'transparent',
count: 10
},
minValue: 0
},
legend: {
position: 'top',
alignment: 'center',
textStyle: {
fontSize: 13,
color: "#FFFFFF"
}
},
};
var chart = new google.visualization.ColumnChart(document.getElementById('bar-chart'));
chart.draw(data, options);
};
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart2);
function drawChart2() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2013', 1000, 400],
['2014', 1170, 460],
['2015', 660, 1120],
['2016', 1030, 540]
]);
var options = {
backgroundColor: 'transparent',
height: 400,
curveType: 'function',
fontSize: 14,
chartArea: {
left: '5%',
width: '90%',
height: 300
},
pointSize: 4,
tooltip: {
textStyle: {
fontName: 'Hind Madurai',
fontSize: 14
}
},
hAxis: {
textStyle: {
color: "#FFFFFF"
},
gridlines: {
color: "#FFFFFF"
},
baselineColor: 'transparent'
},
vAxis: {
// title: axislabel,
textStyle: {
color: "#FFFFFF"
},
titleTextStyle: {
fontSize: 14,
italic: false
},
gridarea: {
color: '#f5f5f5',
count: 10
},
gridlines: {
color: 'transparent',
},
minValue: 0
},
legend: {
position: 'top',
alignment: 'end',
textStyle: {
fontSize: 14,
color: "#FFFFFF"
}
},
};
var chart = new google.visualization.AreaChart(document.getElementById('area-chart'));
chart.draw(data, options);
};
$(window).resize(function(){
drawChart1();
drawChart2();
});
})(jQuery);