- var theme_customizer      = true;
- var chartjs               = true;
- var page_chartjs          = true;

doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-sm-6
                                    h3
                                      | ChartJS Chart
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         | Home
                                      li.breadcrumb-item Charts
                                      li.breadcrumb-item.active ChartJS Chart
                                .col-sm-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .row
                        .col-xl-6.col-md-12.box-col-12
                          .card
                            .card-header.pb-0
                              h5 Bar Chart
                            .card-body.chart-block
                              canvas#myBarGraph
                        .col-xl-6.col-md-12.box-col-12
                          .card
                            .card-header.pb-0
                              h5 Line Graph
                            .card-body.chart-block
                              canvas#myGraph
                        .col-xl-6.col-md-12.box-col-12
                          .card
                            .card-header.pb-0
                              h5 Radar Graph
                            .card-body.chart-block
                              canvas#myRadarGraph
                        .col-xl-6.col-md-12.box-col-12
                          .card
                            .card-header.pb-0
                              h5 Line Chart
                            .card-body.chart-block
                              canvas#myLineCharts
                        .col-xl-6.col-md-12.box-col-12
                          .card
                            .card-header.pb-0
                              h5 Doughnut Chart
                            .card-body.chart-block.chart-vertical-center
                              canvas#myDoughnutGraph
                        .col-xl-6.col-md-12.box-col-12
                          .card
                            .card-header.pb-0
                              h5 Polar Chart
                            .card-body.chart-block.chart-vertical-center
                              canvas#myPolarGraph
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files