1d88d5b296
Add complete translations for: - German (de) - French (fr) - Spanish (es) - Portuguese Brazil (pt-br) - Portuguese Portugal (pt-pt) Changes include: - Language config files (languages.*.toml) - Menu config files (menus.*.toml) - Translated docs section (16 files x 5 langs) - Translated homepage, guides, samples - Translated examples, authors, tags sections - Translated users section (112 dirs x 5 langs) - Fixed YAML front matter formatting in user files Hugo build now supports 9 languages total. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2.5 KiB
title, date, description, summary, tags, showDate, type
| title | date | description | summary | tags | showDate | type | ||||
|---|---|---|---|---|---|---|---|---|---|---|
| Graphiques | 2019-03-06 | Guide d'utilisation de Chart.js dans Blowfish | Blowfish inclut Chart.js pour des graphiques et visualisations de données puissants. |
|
false | sample |
Blowfish prend en charge Chart.js via le shortcode chart. Enveloppez simplement le markup du graphique dans le shortcode. Blowfish adapte automatiquement les thèmes des graphiques au paramètre colorScheme configuré, mais les couleurs peuvent être personnalisées avec la syntaxe normale de Chart.js.
Consultez la documentation du [shortcode chart]({{< ref "docs/shortcodes#chart" >}}) pour plus de détails.
Les exemples ci-dessous sont une petite sélection tirée de la documentation officielle de Chart.js. Vous pouvez également voir le code source de la page sur GitHub.
Graphique à barres
{{< chart >}} type: 'bar', data: { labels: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet'], datasets: [{ label: 'Mon premier dataset', data: [65, 59, 80, 81, 56, 55, 40], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(201, 203, 207, 0.2)' ], borderColor: [ 'rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)', 'rgb(153, 102, 255)', 'rgb(201, 203, 207)' ], borderWidth: 1 }] } {{< /chart >}}
Graphique linéaire
{{< chart >}} type: 'line', data: { labels: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet'], datasets: [{ label: 'Mon premier dataset', data: [65, 59, 80, 81, 56, 55, 40], tension: 0.2 }] } {{< /chart >}}
Graphique en anneau
{{< chart >}} type: 'doughnut', data: { labels: ['Rouge', 'Bleu', 'Jaune'], datasets: [{ label: 'Mon premier dataset', data: [300, 50, 100], backgroundColor: [ 'rgba(255, 99, 132, 0.7)', 'rgba(54, 162, 235, 0.7)', 'rgba(255, 205, 86, 0.7)' ], borderWidth: 0, hoverOffset: 4 }] } {{< /chart >}}