---
title: "SAV Charts"
manual: "SAV Charts"
version: "14.7"
source: "Index.rst"
start: true
rendered: "2026-09-17T13:01:15+00:00"
---

# SAV Charts {#sav-charts}

-   *Extension key:* sav_charts
-   *Version:* release
-   *Language:* en
-   *Description:* Extension which displays charts using the Charts.js library
-   *Keywords:* sav_charts
-   *Copyright:* 2026
-   *Author:* Laurent Foulloy
-   *Email:* [yolf.typo3@orange.fr](mailto:yolf.typo3@orange.fr)
-   *License:*

    This document is published under the Open Content License
    available from [www.opencontent.org/openpub](https://www.opencontent.org/openpub/).

-   *Rendered:* today

The content of this document is related to TYPO3,
a GNU/GPL CMS/Framework available from [www.typo3.org](https://www.typo3.org/).

---

This extension uses the
[Chart.js library](https://www.chartjs.org/) or
the [Apache ECharts library](https://echarts.apache.org/)
to display charts.
Data can be entered directly or via queries or
spreadsheets.

---

**[Introduction](Introduction/Index.html#introduction)**

General information about SAV Charts.

**[Screen Shoots](Introduction/ScreenShoots/Index.html#screenShoots)**

SAV Charts comes with several basic templates
for `Charts.js` and `Apache ECharts`.

Advanced
templates that simplify the implementation of charts
with several sets of data are also available.

**[Tutorial](Tutorial/Index.html#tutorial)**

Everything you need to know to develop and
use SAV charts.

**[Reference](Reference/Index.html#reference)**

ViewHelpers for the Fluid parser
and tags for the XML parser
are detailled.

## Table of Contents {#table-of-contents}

-   [Introduction](Introduction/Index.html#introduction-1)
    -   [Screenshots](Introduction/ScreenShoots/Index.html#screenshots)
    -   [Sponsoring](Introduction/Sponsoring/Index.html#sponsoring-1)
-   [Users Manual](UsersManual/Index.html#users-manual)
-   [Administration](Administration/Index.html#administration-1)
-   [Tutorials](Tutorial/Index.html#tutorials)
    -   [Plugin Interface](Tutorial/PluginInterface/Index.html#plugin-interface)
    -   [Parsers](Tutorial/ParsersTutorial/Index.html#parsers)
-   [Reference](Reference/Index.html#reference-1)
    -   [XML Parser Tags](Reference/XmlParserTags/Index.html#xml-parser-tags)
    -   [Fluid Parser ViewHelpers](Reference/FluidParserViewHelpers/Index.html#fluid-parser-viewhelpers)
-   [F.A.Q. (Charts.js)](FAQ/Index.html#frequently-asked-questions-charts-js)
-   [Entity Relationship Diagram](EntityRelationshipDiagram/Index.html#entity-relationship-diagram)
-   [Changelog](Changelog/Index.html#changelog-1)