---
title: "Screenshots"
manual: "SAV Charts"
version: "14.7"
source: "Introduction/ScreenShoots/Index.rst"
rendered: "2026-09-17T13:01:15+00:00"
---

# Screenshots {#screenshots}

SAV Charts is provided with several basic templates and more advanced
templates which simplify the implementation of charts
with several sets of data.

XML Templates are in the directory `Resources/Private/Templates/ChartsExamples`.

XML templates were also converted to Fluid templates and are available in
`Resources/Private/Templates/ChartsExamples/FluidParser`.

The following chart types are available.
Screenshots were obtained
using the provided basic templates.

## Using Charts.js {#using-charts-js}

-   Bar charts

![](../../Images/ScreenShots/Charts/barChart.png)

-   Bubble charts

![](../../Images/ScreenShots/Charts/bubbleChart.png)

-   Doughnut charts

![](../../Images/ScreenShots/Charts/doughnutChart.png)

-   Horizontal bar charts

![](../../Images/ScreenShots/Charts/horizontalStackedBarChart.png)

-   Horizontal stacked bar charts

![](../../Images/ScreenShots/Charts/horizontalStackedBarChart.png)

-   Line charts

![](../../Images/ScreenShots/Charts/lineChart.png)

-   Pie charts

![](../../Images/ScreenShots/Charts/pieChart.png)

-   Polar area charts

![](../../Images/ScreenShots/Charts/polarAreaChart.png)

-   Radar charts

![](../../Images/ScreenShots/Charts/radarChart.png)

-   Scatter Charts

![](../../Images/ScreenShots/Charts/scatterChart.png)

-   Stacked bar charts

![](../../Images/ScreenShots/Charts/stackedBarChart.png)

Charts can also be combined
(Combo charts), e.g. a bar chart
with a line chart.

![](../../Images/ScreenShots/Charts/comboChart.png)

## Using Apache Echarts {#using-apache-echarts}

-   Bar charts

![](../../Images/ScreenShots/ECharts/barChart.png)

-   Candlestick charts

![](../../Images/ScreenShots/ECharts/candlestickChart.png)

-   Funnel charts

![](../../Images/ScreenShots/ECharts/funnelChart.png)

-   Gauge charts

![](../../Images/ScreenShots/ECharts/gaugeChart.png)

-   Line charts

![](../../Images/ScreenShots/ECharts/candlestickChart.png)

-   Pie charts

![](../../Images/ScreenShots/ECharts/pieChart.png)

-   Radar charts

![](../../Images/ScreenShots/ECharts/radarChart.png)

-   Scatter charts

![](../../Images/ScreenShots/ECharts/scatterChart.png)

ECharts offers many other features.
Horizontal charts, stacked charts
are special cases of bar charts.

![](../../Images/ScreenShots/ECharts/horizontalBarChart.png)

![](../../Images/ScreenShots/ECharts/StackedBarChart.png)

Doughnut charts, polar area charts
are special cases of pie charts.

![](../../Images/ScreenShots/ECharts/doughnutChart.png)

![](../../Images/ScreenShots/ECharts/polarAreaChart.png)

## Using Queries or Spreasheets {#using-queries-or-spreasheets}

Charts can be built with data coming from queries.

![](../../Images/Tutorial/barChartWithQuery.png)

![](../../Images/Tutorial/barChartWithQueryInFrontEnd.png)

Charts can also be built with data coming from spreadsheets.

![](../../Images/Tutorial/ExcelWorksheetExample2.png)

![](../../Images/Tutorial/ExcelWorksheetExample2PieChartPercentage.png)