Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dauskonzept/typo3-ux-chartjs

Easily bulld and render Chart.js charts with PHP and Fluid
https://github.com/dauskonzept/typo3-ux-chartjs

Last synced: about 2 months ago
JSON representation

Easily bulld and render Chart.js charts with PHP and Fluid

Awesome Lists containing this project

README

        

[![Latest Stable Version](http://poser.pugx.org/dskzpt/typo3-ux-chartjs/v)](https://packagist.org/packages/dskzpt/typo3-ux-chartjs)
[![Total Downloads](http://poser.pugx.org/dskzpt/typo3-ux-chartjs/downloads)](https://packagist.org/packages/dskzpt/typo3-ux-chartjs)
[![Latest Unstable Version](http://poser.pugx.org/dskzpt/typo3-ux-chartjs/v/unstable)](https://packagist.org/packages/dskzpt/typo3-ux-chartjs)
[![License](http://poser.pugx.org/dskzpt/typo3-ux-chartjs/license)](https://packagist.org/packages/dskzpt/typo3-ux-chartjs)

TYPO3 Extension "typo3-ux-chartjs"
=================================

## What does it do?

Easily build Chart.js in PHP and render them in Fluid templates.

It acts as a wrapper for [symfony/ux-chartjs](https://ux.symfony.com/chartjs) package.

## Installation

The recommended way to install the extension is by
using [Composer](https://getcomposer.org/). In your Composer based TYPO3 project
root, just run:

composer require dskzpt/typo3-ux-chartjs

## Setup

Before you start, make sure you
have [EXT:typo3_encore](https://github.com/sabbelasichon/typo3_encore).
This extensions
integrates [Webpack Encore](https://symfony.com/doc/current/frontend.html) into
TYPO3.

Follow
the [Symfony UX Chart.js official documentation](https://symfony.com/bundles/ux-chartjs/current/index.html).

Additionally:

# Add this line to your package.json dependencies:
"@symfony/ux-chartjs": "file:vendor/symfony/ux-chartjs/assets",

# Install Chart.js
$ npm i chartjs

# or
$ yarn add chartjs

# Add these lines to your controllers.json:
"@symfony/ux-chartjs": {
"chart": {
"enabled": true,
"fetch": "eager"
}
},

# run
$ npm install --force
$ npm run watch

# or
$ yarn install --force
$ yarn watch

## Usage

In any fluid template: Just register the Namespace and use the provided
ViewHelper to render your chart:



Please refer to the [symfony/ux-chartjs](https://ux.symfony.com/chartjs) docs
for further information.

## Contributing

Please refer to the [contributing](CONTRIBUTING.md) document included in this
repository.