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/