Add data availability chart view using Apache ECharts in article app

[Copilot]

O que esse PR faz?

Adiciona uma visualização na app article com um gráfico de barras empilhadas (Apache ECharts) mostrando a evolução anual dos artigos por status de disponibilidade de dados (data_availability_status × pub_date_year).

Acessível em /admin/article/data-availability-chart/ (requer autenticação).

Onde a revisão poderia começar?

article/views.py — view data_availability_chart que agrega os dados via ORM (values + annotate(Count)).

Como este poderia ser testado manualmente?

1. Acessar /admin/article/data-availability-chart/ logado no Wagtail admin
2. Verificar o gráfico de barras empilhadas com anos no eixo X e contagem de artigos no eixo Y
3. Cada status de DATA_AVAILABILITY_STATUS aparece como uma série no stack
4. Tooltip e legenda scrollável devem funcionar

Algum cenário de contexto que queira dar?

• O gráfico usa os campos Article.pub_date_year e Article.data_availability_status (ambos indexados)
• A URL é registrada via @hooks.register("register_admin_urls"), seguindo o padrão existente em location/ e django_celery_beat/
• ECharts é carregado via CDN (echarts@5), consistente com o padrão do projeto para scripts externos (Google reCAPTCHA, cookiePolicy)

Arquivos alterados:

• article/views.py — view com query agregada e serialização JSON
• article/templates/article/data_availability_chart.html — template com ECharts (extends wagtailadmin/base.html)
• article/wagtail_hooks.py — registro da URL admin via hook
• article/tests.py — testes para autenticação, resposta, contexto, template e DB vazio

Screenshots

N/A (requer dados no banco para renderizar o gráfico)

Quais são tickets relevantes?

Referências

• Apache ECharts — Stacked Bar Chart
• Wagtail Hooks — register_admin_urls

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdn.jsdelivr.net
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
  • Triggering command: /usr/bin/curl curl -sI REDACTED conntrack --ctstate INVALID,NEW -j DROP /home/REDACTED/worgit /home/REDACTED/wor--git-dir /home/REDACTED/wor/tmp/pip-req-build-n5pk_o15/.git bash --no�� (dns block)
  • Triggering command: /usr/bin/curl curl -sI --max-time 10 REDACTED -2.15.1.3-py3.12/usr/include/python3.12 grep al/local/bin/gitx86_64-linux-gnu ew\|ViewSet ex.html rgo/bin/grep cat /hom�� (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Crie uma visualização na app article da representatividade de dados abertos</issue_title>
<issue_description>### Descrição da tarefa
Crie uma visualização na app article da representatividade de dados abertos.
Usando apache echarts, apresente um gráfico com a evolução (ano) e a quantidade de artigos quanto sua disponibilidade de dados</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Crie uma visualização na app article da representatividade de dados abertos #1399

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.