Charts

Line chart

                
                  <canvas class="max-w-100" id="DailySessions"></canvas>
                
              

Bar chart

                
                  <canvas class="max-w-100" id="DailyPageviews"></canvas>
                
              

Line chart thin

                
                  <canvas class="max-w-100" id="Pageviews"></canvas>
                
              

Bar chart horizontal

                
                  <canvas class="max-w-100" id="ChartReferral"></canvas>
                
              

Doughnut chart

                
                  <canvas class="max-w-100" id="ChannelChart"></canvas>
                
              

Pie chart

                
                  <canvas class="max-w-100" id="ChartVisitor"></canvas>
                
              

Bar chart 2

                
                  <canvas class="max-w-100" id="BarChart"></canvas>
                
              

Line chart area

                
                  <canvas class="max-w-100" id="LineArea"></canvas>
                
              

Line chart interpolation

                
                  <canvas class="max-w-100" id="SalesTargetLine"></canvas>
                
              

Horizontal Bar chart 2

                
                  <canvas class="max-w-100" id="Growth"></canvas>
                
              

Realtime Chart Bar

                
                  <canvas class="max-w-100" id="UserOnline"></canvas>
                
              

Realtime Chart Line

                
                  <canvas class="max-w-100" id="RealPageviews"></canvas>
                
              

All demo chart config is available in src/js/charts/demo-chart.js. Please read more documentation about chart in https://www.chartjs.org/