Premiers pas avec les fusioncharts

Installation

Comment obtenir FusionCharts :

  • [Télécharger][1] depuis le site officiel de FusionCharts

  • Installer via npm :

    Install fusioncharts package

    npm install fusioncharts

    Install fusionmaps package

    npm install fusionmaps

  • Installer via bower :

    Install fusioncharts package

    bower install fusioncharts

    Install fusionmaps package

    bower install fusionmaps

Les ressources répertoriées ci-dessous incluent des guides étape par étape sur l’installation et la création de graphiques à l’aide de FusionCharts, ainsi que des informations sur la personnalisation des fonctionnalités et des cosmétiques de vos graphiques.

  • [Installation de FusionCharts][2]
  • [Création de votre premier graphique][3] * [Personnalisation des graphiques à l’aide des attributs de graphique][4]

[1] : http://www.fusioncharts.com/download/ [2] : http://www.fusioncharts.com/dev/getting-started/installation.html [3] : http://www.fusioncharts.com/dev/getting-started/building-your-first-chart.html [4] : http://www.fusioncharts.com/dev/chart-attributes.html

Graphiques, widgets et cartes

FusionCharts Suite XT est une bibliothèque complète de graphiques JavaScript qui comprend plus de 90 graphiques et 1150 cartes. Tous ces graphiques et cartes sont distribués en 4 packages différents qui sont nommés comme suit :

  • FusionCharts XT
  • Fusion Widgets XT -PowerCharts XT
  • FusionMaps XT

Les détails de chacun de ces forfaits sont donnés ci-dessous.

FusionCharts XT

Il comprend tous les graphiques à usage général, des graphiques de base tels que les graphiques à barres, à colonnes, en aires, en courbes et empilés, aux graphiques avancés tels que les graphiques combinés, de défilement, de Marimekko, de tracé XY et de zoom.

[Voir des exemples en direct des graphiques inclus dans FusionCharts XT][1]

FusionWidgets XT

Il comprend une grande variété de jauges et de graphiques tels que la jauge angulaire, la jauge linéaire, la jauge à bulbe, le diagramme de Gantt, les diagrammes pyramidaux et en entonnoir, les diagrammes de la taille d’un mot et les diagrammes en temps réel. Ces jauges et graphiques peuvent être utilisés pour représenter des KPI et des données en temps réel sur des tableaux de bord, des moniteurs et des rapports.

[Voir des exemples en direct des graphiques et des jauges dans FusionWidgets XT][2]

PowerCharts XT

Il comprend des graphiques avancés tels que le graphique en arbre, le graphique en carte thermique, le graphique en chandeliers, le graphique en nœuds de glissement, les graphiques en splines, les graphiques d’erreurs et les graphiques modifiables ou sélectionnables visuellement. Ces graphiques peuvent être utilisés pour une utilisation spécifique à un domaine comme l’analyse des performances, la planification financière et le traçage des structures hiérarchiques.

[Voir des exemples en direct des graphiques inclus dans PowerCharts XT][3]

FusionMaps XT

Il comprend plus de 1150 cartes interactives pour tous les continents et les principaux pays. Ces cartes peuvent être utilisées pour tracer des données géographiques ainsi que pour créer des marqueurs pour localiser des emplacements exacts.

[Voir des exemples en direct des cartes incluses dans FusionMaps XT][4]

La liste ci-dessous comprend des liens vers les listes de tous les graphiques et cartes dans FusionCharts Suite XT (ainsi que leurs alias JavaScript) ainsi qu’un lien vers la galerie de violon FusionCharts qui comprend des exemples de ces graphiques et cartes ainsi que leur code source.

  • [Liste des charts avec leur alias JS][5]
  • [Liste des cartes avec leur alias JS][6]
  • [Exemple en direct de graphiques et de cartes avec code source][7]

[1] : http://www.fusioncharts.com/charts/fusioncharts/ [2] : http://www.fusioncharts.com/charts/fusionwidgets/ [3] : http://www.fusioncharts.com/charts/powercharts/ [4] : http://www.fusioncharts.com/charts/fusionmaps/ [5] : http://www.fusioncharts.com/dev/getting-started/list-of-charts.html [6] : http://www.fusioncharts.com/dev/getting-started/list-of-maps.html [7] : http://www.fusioncharts.com/javascript-chart-fiddles/