simple-chartjs
v1.0.3
Un module ChartJS simple d'utilisation, rapide et puissant !
7/weekUpdated 3 years agoISCUnpacked: 85.4 KB
Published by Ae Zio-Tech
npm install simple-chartjs
Un module simple d'utilisation, rapide et puissant !
Exemples
Exemple de graphique linéaire
``
js
const { Chart, Graph } = require('../src/index');
(async () => {
const chart = new Chart({
sizes: { width: 400, height: 400 },
identity: {
title: {
text: "Titre du graphique",
color: 'black',
font: { size: 16 }
}, subtitle: {
text: "Sous-titre du graphique",
color: 'gray'
}
}, options: {
backgroundColor: 'white',
labelsColor: 'black'
}, data: {
labels: ['Premier', 'Deuxième', 'Troisième'],
graphs: [
new Graph({
label: 'Titre de la courbe',
type: 'line',
borderColor: 'rgb(54, 162, 235)',
values: [300, 50, 100],
backgroundColor: 'rgb(54, 162, 235)'
})
]
}
});
const image = await chart.renderToBuffer();
})();
`
Voir le résultat
Exemple de graphique donnut
`
js
const { Chart, Graph } = require('../src/index');
(async () => {
const chart = new Chart({
sizes: { width: 400, height: 400 },
identity: {
title: {
text: "Titre du graphique",
color: 'black',
font: { size: 16 }
}, subtitle: {
text: "Sous-titre du graphique",
color: 'gray'
}, type: 'doughnut'
}, options: {
backgroundColor: 'white',
labelsColor: 'black',
displayValues: true
}, data: {
labels: ['Rouge', 'Bleu', 'Jaune'],
graphs: [
new Graph({
borderColor: 'white',
values: [300, 50, 100],
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(54, 162, 235)',
'rgb(255, 205, 86)'
]
})
]
}
});
const image = await chart.renderToBuffer();
})();
``
Voir le résultat
