CINXE.COM
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="noindex"> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> <script src="https://www.weatherbase.com/js/js/highcharts.js"></script> <script type="text/javascript" src="/js/js/themes/grid.js"></script> <script type="text/javascript"> $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line', width: 545, height: 320 }, title: { text: 'Maximum Daily Solar Radiation - Diffuse' }, credits: { enabled: false }, subtitle: { text: 'Paramaribo, Suriname' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'kilowatts per square meter' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { formatter: function() { return '<b>Maximum Daily Solar Radiation - Diffuse</b><br/>'+ this.x +': '+ this.y +' kWh/m2'; } }, legend: { enabled: false }, series: [{ data: [2,2.2,2.3,2.3,2.2,2.1,2.1,2.2,2.2,2.1,2,1.9] }] }); }); }); </script> </head> <body> <div id="container" style="width: 600px; height: 400px; margin: 0 auto"></div> </body> </html>