Download the PHP package fiedsch/vuetaocharts-ce without Composer
On this page you can find all versions of the php package fiedsch/vuetaocharts-ce. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package vuetaocharts-ce
Vuetao Charts -- Charts with Vue.js for Contao
Overview
The extension consists of two parts
- Code for dynamic SVG-charts with Vue.js (see https://github.com/fiedsch/vuetaocharts for the Vue.js components. Also make sure to visit https://vuejs.org and read the guide).
- A Contao content element that let's you embed the chart and provide the chart's data.
Usage
The extension provides a new Contao content element.
- insert into article as usual
- edit the "data" field and provide the chart's data as JSON. Example:
You may provide arbitrary additional data in the JSON data field which you can use to extend the chart.
An example für the donut chart:
Next you create a new Contao template as usual (e.g. by cloning ce_vtcdonut
). Make sure, your template's
name also starts with ce_vtc
, which enables you to select it in your content element.
Tips
Moustache-Syntax vs. Contao Insert Tags
Vue's Mustache syntax (and https://vuejs.org/v2/guide/syntax.html#Text) and Contao's insert tags collide. See e.g. https://github.com/contao/core/issues/7883
To solve the issue, use
where [{]
and [}]
will be replaced be {{
and }}
respecitively by Contao, or
to avoid the usage of double braces in Contao templates.
All versions of vuetaocharts-ce with dependencies
contao/core-bundle Version ~3.5
contao-community-alliance/composer-plugin Version ~2.4 || ~3.0
fiedsch/contao-components Version ~0.6