Вот мой код для создания диаграмм на основе дат с помощью Django и CSS.
def date_barchart(model, date_field, operation='count', days=150, till=datetime.now()):
list = []
i = 0
while i < days:
day = (till - timedelta(days=i), till - timedelta(days=i-1))
date = time.strftime("%Y-%m-%d", day[0].timetuple())
kwargs = {'%s__range' % date_field: day}
qs = model.objects.filter(**kwargs)
if operation == 'count':
total = qs.count()
else:
total = qs.aggregate(Sum('amount'))
total = total['amount__sum']
if total > 0:
list.insert(0, {'date': date, 'total': total, 'round_total': int(total)})
i = i + 1
return list
На мой взгляд, я могу добавить данные barchart в контекст шаблона:
'barchart': date_barchart(User, 'date_joined')
или для электронной коммерции Satchmo
'barchart': date_barchart(Payment, 'time_stamp', 'sum', 150)
шаблон:
{% if barchart %}
<div class="barchart">
<ol>
{% for d in barchart %}
<li><u style="height:{{ d.round_total }}px"><i>{{ d.date }}<br>
<b>{{ d.total }}</b></i></u></li>
{% endfor %}
</ol>
</div>
{% endif %}
и CSS:
.barchart{width:100%;overflow:hidden}
.barchart u{display:inline-block;position:relative;vertical-align:bottom;width:5px;background:#6cc;border-right:1px solid #fff;text-decoration:none}
.barchart u i{display:none;position:absolute;background:#fff;border:1px solid #aaa;padding:5px;border-radius:5px;left:-6px;bottom:10px;width:60px;font-size:10px;font-style:normal;color:#000}
.barchart u:hover{background-color:#333}
.barchart u:hover i{display:inline-block;z-index:500}
.barchart li{margin:0;padding:0;list-style:none;display:inline-block}
Выглядит так же хорошо, как аналитика Google, но не нужно выдавать мои данные о производительности.