PHPackages                             mlsolutions/chart-js-integration - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. mlsolutions/chart-js-integration

ActiveLibrary[Templating & Views](/categories/templating)

mlsolutions/chart-js-integration
================================

A Simple Dashboard Chart in Laravel Nova using Chart JS. Starting create your own dashboard with Chart JS Integration can save your time and help you maintain consistency across standard elements such as Bar, Stacked, Line, Area, Doughnut and Pie Chart.

v1.0.2(2mo ago)0281↑875%MITVuePHP >=8.3

Since Feb 20Pushed 2mo agoCompare

[ Source](https://github.com/ml-solutions-ltda/nova-chartjs)[ Packagist](https://packagist.org/packages/mlsolutions/chart-js-integration)[ Docs](https://github.com/coroo)[ Fund](https://www.buymeacoffee.com/mlsolutions)[ RSS](/packages/mlsolutions-chart-js-integration/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (2)Dependencies (4)Versions (4)Used By (0)

Nova ChartJS - Laravel Nova Package
===================================

[](#nova-chartjs---laravel-nova-package)

A Laravel Nova Dashboard with Chart JS | See [📘Documentation Page](https://coroo.github.io/nova-chartjs/)

Note

👋 Welcome to Nova-ChartJS! We believe that great software is built through collaboration, and we invite you to be a part of it. Whether you're a developer, designer, tester, or just someone passionate about the project, there are many ways to contribute.

[Click here to contribute!](https://github.com/coroo/nova-chartjs/blob/master/CONTRIBUTING.md#how-to-contribute)

[![Chart JS Integration in Action](https://raw.githubusercontent.com/coroo/chart-js-integration/gh-pages/assets/img/chart-js-integration.gif)](https://raw.githubusercontent.com/coroo/chart-js-integration/gh-pages/assets/img/chart-js-integration.gif)

[![Continues Integration](https://github.com/coroo/nova-chartjs/workflows/ci/badge.svg?branch=master)](https://github.com/coroo/nova-chartjs/workflows/ci/badge.svg?branch=master)[![Latest Version on Packagist](https://camo.githubusercontent.com/db3f9fcbc6e67cb162ba5b1df7a720965d31509089bdbd1fecf36c67a0d1311a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d6c736f6c7574696f6e732f63686172742d6a732d696e746567726174696f6e)](https://packagist.org/packages/mlsolutions/chart-js-integration)[![Total Downloads](https://camo.githubusercontent.com/f5967e6d2d5ec848b3fe84efeacdbe46a946554c1da9b412baa601d83c56e1ec/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d6c736f6c7574696f6e732f63686172742d6a732d696e746567726174696f6e)](https://packagist.org/packages/mlsolutions/chart-js-integration)[![License](https://camo.githubusercontent.com/b8a5108b2662a1722551107b0ce3aff8037214e29a38981f0a42f88d4472e061/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f746f702f636f726f6f2f6e6f76612d63686172746a73)](https://packagist.org/packages/mlsolutions/chart-js-integration)[![State Status](https://camo.githubusercontent.com/cd6d3ce61f0ecc033bec9601db1199857b6349e477514f9a5f5282f45e12eb74/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6465706c6f796d656e74732f636f726f6f2f6e6f76612d63686172746a732f6769746875622d7061676573)](https://packagist.org/packages/mlsolutions/chart-js-integration)[![License](https://camo.githubusercontent.com/8d7c575ef7affefdfd2e99cd4f5ac21f8e2450085864fe9ef4c82ebcd7f47523/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6d6c736f6c7574696f6e732f63686172742d6a732d696e746567726174696f6e)](https://github.com/coroo/chart-js-integration/blob/master/LICENSE)

[![Listed in Awesome ChartJS](https://camo.githubusercontent.com/13c4e50d88df7178ae1882a203ed57b641674f94/68747470733a2f2f63646e2e7261776769742e636f6d2f73696e647265736f726875732f617765736f6d652f643733303566333864323966656437386661383536353265336136336531353464643865383832392f6d656469612f62616467652e737667)](https://github.com/chartjs/awesome#integrations)[![License](https://camo.githubusercontent.com/388cb6cb448e2abc1980b6ac7aef378d98a57c71c87c401bf5e0dd0d9f1fd0e9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f636f726f6f2f6e6f76612d63686172746a733f7374796c653d736f6369616c)](https://github.com/coroo/nova-chartjs/stargazers)

Installation & Documentation
--------------------------------

[](#installation--documentation)

🎓 For better experiences, we moved documentation to : ****

Security & Input Validation
-------------------------------

[](#security--input-validation)

Recent versions validate chart query inputs more strictly to avoid SQL injection and ambiguous query behavior.

- `model` must be an existing Eloquent model class.
- `col_xaxis`, `join` columns, and filter keys must be valid identifiers (for example: `orders.created_at`).
- Supported filter operators: `=`, `!=`, ``, `>`, `>=`, `