Torque plus Chart.js

<!doctype html>
<html>
	<head>
		<title>Torque plus Radar Chart</title>
	    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	    <link rel="shortcut icon" href="https://cartodb.com/assets/favicon.ico" />
	    <script src="https://www.chartjs.org/assets/chart.js"></script>
    	<script src="https://libs.cartocdn.com/cartodb.js/v3/cartodb.js"></script>
		<style>
	      html, body, #map {
	        height: 100%;
	        padding: 0;
	        margin: 0;
	      }
		  #chartjs{
			position: absolute;
			bottom: 0; 
			right: 0;
			z-index: 111111;
			width: 350px;
			height: 350px;
		  }
		</style>
	    <link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />
	    
	</head>
	<body>
		<div id="map"></div>
		<canvas id="chartjs" height="350" width="350"></canvas>

L.tileLayer('https://tile.stamen.com/toner/{z}/{x}/{y}.png', {
          attribution: 'Stamen'
        }).addTo(map);

cartodb.createLayer(map, {
          type: "torque",
          order: 1,
          options: {
            query: null,
            table_name: "us_fires_2012",
            user_name: "andrew",
            tile_style: '/** torque visualization */ Map { -torque-frame-count:128; -torque-animation-duration:10; -torque-time-attribute:"date"; -torque-aggregation-function:"count(cartodb_id)"; -torque-resolution:2; -torque-data-aggregation:linear; } #us_fires_2012{ comp-op: lighter; marker-opacity: 0.9; marker-line-color: #FFF; marker-line-width: 0; marker-line-opacity: 1; marker-type: ellipse; marker-width: 6; marker-fill: #FF9900; } #us_fires_2012[frame-offset=1] { marker-width:8; marker-opacity:0.45; } #us_fires_2012[frame-offset=2] { marker-width:10; marker-opacity:0.225; } #us_fires_2012[frame-offset=3] { marker-width:12; marker-opacity:0.15; } #us_fires_2012[frame-offset=4] { marker-width:14; marker-opacity:0.1125; }'
            }
        }).done(function(layer) {
          map.addLayer(layer);

// start chart.js stuff
		  var sql = cartodb.SQL({ user: 'andrew' });
          sql.execute("SELECT date_part('Month', f.date) as month, count(*) total FROM us_fires_2012 f GROUP BY date_part('Month', f.date) ORDER BY date_part('Month', f.date) ASC").done(function(data) {

});
      }

// you could use $(window).load(main);
      window.onload = main;
	</script>
	</body>
</html>

Modified http://www.chartjs.org/assets/Chart.js to a secure url

Modified http://libs.cartocdn.com/cartodb.js/v3/cartodb.js to a secure url

https://www.chartjs.org/assets/Chart.js

https://libs.cartocdn.com/cartodb.js/v3/cartodb.js