{% extends 'admin/layout_admin.html' %} {% block javascripts %} {# attention il faut importer la bibliotheque chart.js avant de définir l'objet chart#} {{ super() }} {# #} {% endblock %} {% block javascripts_head %} {# attention il faut importer la bibliotheque chart.js avant de définir l'objet chart#} {# #} {% endblock %} {% block title %} afficher les types d'article {% endblock %} {% block body %}

nombre d'articles : {# {{ cout_total.nbr_articles }}

#} {% if types_articles_nb | length >= 1 %} {% for ligne in types_articles_nb %} {% endfor %} {% else %} pas de stock {% endif %}
type d'article (id)nombre d'articles
{{ ligne.libelle }} {{ ligne.id_type_article }} {% if ligne.nbr_articles_stock is not none %} {{ ligne.nbr_articles }} {% else %} pas d'article {% endif %}

{# #}

visualisation de données : graph.js

Documentation


tuto partie1 graph.js
tuto partie2 graph.js 
vidéo : flask + graph.js 
{# https://jinja.palletsprojects.com/en/3.0.x/templates/#html-escaping #}
graphique 1

demo graphique à secteurs : "camenberd" ,"donut" ( "pie-chart" "doughtnut")

dataviz, c'est quoi en 1 mn ? (juste la première minute)
dataviz, c'est quoi ? (juste la première minute) {% endblock %}