---
title: "Charts.js"
manual: "SAV Charts"
version: "14.8"
source: "Introduction/ScreenShoots/Charts/Index.rst"
rendered: "2026-09-29T16:44:58+00:00"
---

# Charts.js {#screenshootscharts}

Examples for the `Charts.js` library using the Fluid parser are available in
`Resources/Private/Templates/ChartsExamples/FluidParser`.

Examples for the `Charts.js` library using the XML parser are available in
`Resources/Private/Templates/ChartsExamples`.

The following screenshots were obtained
with the provided basic templates. Charts.js offers
many other features (see [Charts.js Samples](https://www.chartjs.org/docs/latest/samples/information.html)).

## Bar Charts {#bar-charts}

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

## Bubble Charts {#bubble-charts}

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

## Doughnut Charts {#doughnut-charts}

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

## Horizontal Bar Charts {#horizontal-bar-charts}

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

## Horizontal Stacked Bar Charts {#horizontal-stacked-bar-charts}

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

## Line Charts {#line-charts}

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

## Pie Charts {#pie-charts}

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

## Polar Area Charts {#polar-area-charts}

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

## Radar Charts {#radar-charts}

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

## Scatter Charts {#scatter-charts}

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

## Stacked Bar Charts {#stacked-bar-charts}

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

## Combo Charts {#combo-charts}

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

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