Вот код для одного графика:
<script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
<script type='text/javascript'>
google.charts.load('current', {'packages':['annotatedtimeline']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Продажи');
data.addRows([{% for x in list %}
[new Date({{ x.item1 }}, {{ x.item2 }} ,{{ x.item3 }}), {{ x.item4 }}],
{% endfor %}
]);
var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
chart.draw(data, {displayAnnotations: false});
}
</script>
<div id='chart_div' style='width: 1500px; height: 700px;'></div>