..  include:: ../../../Includes.txt

..  _screenShootsApexCharts:

==========
ApexCharts
==========

Examples for the `ApexCharts` library are available in
`Resources/Private/Templates/ApexChartsExamples`.

..  important::

    The Community Licence is free for individuals,
    non-profits, educators, and small businesses 
    with less than $2 million USD in annual 
    revenue. Please read `License Options for ApexCharts
    <https://apexcharts.com/license/>`_.

The following screenshots were obtained
with the provided basic templates. ApexCharts offers 
many other features (see `JavaScript Chart Demos
<https://apexcharts.com/javascript-chart-demos/>`_).

        
Bar Charts
==========

..  figure:: ../../../Images/ScreenShots/ApexCharts/barChart.png
    :width: 50%
    
Horizontal bar charts, stacked bar charts
are special cases of bar charts.

..  figure:: ../../../Images/ScreenShots/ApexCharts/horizontalBarChart.png
    :width: 50%  

..  figure:: ../../../Images/ScreenShots/ApexCharts/stackedBarChart.png
    :width: 50%     
            
Candlestick Charts
==================

..  figure:: ../../../Images/ScreenShots/ApexCharts/candlestickChart.png
    :width: 50%

Doughnut Charts
===============

..  figure:: ../../../Images/ScreenShots/ApexCharts/doughnutChart.png
    :width: 50%

Funnel Charts
=============

..  figure:: ../../../Images/ScreenShots/ApexCharts/funnelChart.png
    :width: 50%

Gauge Charts
============

..  figure:: ../../../Images/ScreenShots/ApexCharts/gaugeChart.png
    :width: 50%  
              
Line Charts
===========
        
..  figure:: ../../../Images/ScreenShots/ApexCharts/lineChart.png
    :width: 50%
            
Pie Charts   
==========

..  figure:: ../../../Images/ScreenShots/ApexCharts/pieChart.png
    :width: 50%  

Polar Area Charts   
=================
               
..  figure:: ../../../Images/ScreenShots/ECharts/polarAreaChart.png
    :width: 50%                
               
Radar Charts
============

..  figure:: ../../../Images/ScreenShots/ApexCharts/radarChart.png
    :width: 50%  
        
Scatter Charts
==============
  
..  figure:: ../../../Images/ScreenShots/ApexCharts/scatterChart.png
    :width: 50%