Gerar gráfico Chart.js no template

Beto Frota Júnior 14/10/2020 (há 4 anos)

Olá!

Instalei o Chart.js via composer.

Segue o composer.json:

{ "repositories": [ { "type": "vcs", "url": "https://github.com/pablodalloglio/ole" }, { "type": "vcs", "url": "https://github.com/pablodalloglio/spreadsheet_excel_writer" } ], "require": { "phpmailer/phpmailer": "^6.0", "tburry/pquery": "^1.1", "picqer/php-barcode-generator": "^0.2.2", "dompdf/dompdf": "^0.8.1", "bacon/bacon-qr-code": "^1.0", "phprtflite/phprtflite": "^1.3", "firebase/php-jwt": "^5.0", "pablodalloglio/ole": "dev-master", "pablodalloglio/spreadsheet_excel_writer": "dev-master", "linfo/linfo": "^4.0", "fzaninotto/faker": "^1.9", "nnnick/chartjs": "^2.9" } }

Este é o html obtido : app/resources/bar_chart.html

<canvas id="pie-chart" width="800" height="450"></canvas> <script> new Chart(document.getElementById("pie-chart"), { type: 'pie', data: { labels: ["Africa", "Asia", "Europe", "Latin America", "North America"], datasets: [{ label: "Population (millions)", backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"], data: [2478,5267,734,784,433] }] }, options: { title: { display: true, text: 'Predicted world population (millions) in 2050' } } }); </script>

Abaixo a classe que renderiza:

 <?php
class BarChartView extends TPage
{
    public function __construct()
    {
        parent::__construct();
        
        // create the HTML Renderer
        $this->html = new THtmlRenderer('app/resources/bar_chart.html');
        
        // replace the main section variables
        $this->html->enableSection('main');
        
        parent::add($this->html);
    }
}
?>

Inclui a classe no engine.php para poder rodar apenas logando

 <?php>
    /**
     * Return default programs for logged users
     */
    public static function getDefaultPermissions()
    {
        return ['Adianti\Base\TStandardSeek' => TRUE,
                'LoginForm' => TRUE,
                'AdiantiMultiSearchService' => TRUE,
                'AdiantiUploaderService' => TRUE,
                'AdiantiAutocompleteService' => TRUE,
                'SystemDocumentUploaderService' => TRUE,
                'EmptyPage' => TRUE,
                'MessageList' => TRUE,
                'NotificationList' => TRUE,
                'SearchBox' => TRUE,
                'BarChartView' => TRUE,
                'SearchInputBox' => TRUE];
    } 
?>

Ao carregar a classe nada, só uma janela em branco.
Alguém pode me dizer o que estou fazendo de errado?

Grato.

Curso Dominando o Adianti Framework

Comentários (2)