使用Chartist可视化每日事件数量：Django代码实现问题求助

我帮你梳理下代码里的几个关键问题，修正后应该就能正常生成Chartist需要的数据了：

代码里的核心错误点 #

• 字段名称不匹配：
  1. 你用Trunc把event_date截断为日期后，命名为start_day，但后续values('event_day')里写的是不存在的event_day，应该改成values('start_day')。
  2. 第二个annotate统计的字段是myevent，但列表推导里写成了myevents（多了个s），导致无法正确取值。
• 日期对象序列化问题：Python的date对象不能直接通过json.dumps序列化，需要先转换成字符串格式（比如ISO标准格式）。

修正后的charts.py代码 #

from django.db.models import Count
from django.db.models.functions import Trunc
from django.db.models import DateField
import json

def mychart():
    # 按日期分组统计事件数量，注意字段名对应
    events = Event.objects.annotate(
        start_day=Trunc('event_date', 'day', output_field=DateField())
    ).values('start_day').annotate(
        myevent=Count('id')
    ).order_by('start_day')  # 加上排序，保证日期是按顺序的
    
    # 处理日期序列化，转换为字符串
    labels = [p['start_day'].isoformat() for p in events]
    series = [p['myevent'] for p in events]
    
    return json.dumps({
        'labels': labels,
        'series': [series]  # Chartist的series通常是数组的数组，这里要注意格式
    })

额外提示 #

1. 确保在视图里调用这个mychart()函数，并把返回的JSON数据传递给模板。
2. 在模板中使用Chartist时，要注意数据格式匹配：

   <div class="ct-chart ct-perfect-fourth"></div>
   <script>
     var data = {{ chart_data|safe }};  # 这里的chart_data是视图传递过来的JSON
     new Chartist.Line('.ct-chart', data);
   </script>
   

内容的提问来源于stack exchange，提问作者SUDAPP