Bibliothèque javascript opensource simple pour créer un graphique linéaire (empilé)?

Question

J'ai besoin d'une bibliothèque javascript légère pour créer un graphe linéaire empilé (un peu comme ce qui est utilisé dans les graphiques financiers). L'axe X sera des dates et l'axe Y sera des valeurs flottantes ordinaires.

Il y aura deux sections du graphique:

1. graphique supérieur qui est un graphique linéaire. Je veux être en mesure de spécifier la couleur d'un segment de ligne (c.-à-d. Joindre deux points datés)

2. La partie inférieure est juste un rectangle/barre qui représente la valeur. Encore une fois, je veux être en mesure de spécifier la couleur de la barre pour une date particulière.

Ce serait cool si la bibliothèque utilisée JQuery (depuis que je l'ai utilisé jQuery dans le passé) - mais même ancienne bibliothèque de code JS plaine serait tout aussi utile.

Answer 1

Je recommande Google Chart API/Chart Tools (examples) et Google Visualization API (examples). Le premier étant moins puissant que le second, mais aussi plus low-tech, donc peut-être plus facile à utiliser (et plus portable sur toutes les plates-formes.) L'API graphique de base génère des images statiques pour vous.

Mais vous pouvez aussi utiliser:

• gRaphael
• Bluff
• PlotKit
• CanvasGraphJS
• Grafico
• RGraph
• Plotr

Ou encore utiliser une plus bibliothèque de haut niveau comme ExtJS (examples).

Answer 2

Utilisez raphaeljs et le charting library complémentaire. Le lien de la bibliothèque de graphiques a quelques exemples qui vous montreront ce que vous pouvez faire - il suffit de les regarder pour voir à quel point c'est facile.

Answer 3

regard sur JQPlothttp://www.jqplot.com/

Answer 4

MISE À JOUR: Voici une récente et très impressionnante bibliothèque graphique construit par les gens Baidu:
http://ecomfe.github.io/echarts/index-en.html
Et celui-ci est open source.

---

Une autre option gratuite est la Google visualisations.

Ils pourraient être un surkill pour vos besoins. Mais vous pouvez fournir aux utilisateurs différents types de graphiques car ils partagent tous la même structure de jeu de données.

Le bien, vous ne les hébergez pas, ils sont sur l'infrastructure de Google et vous font économiser la bande passante. Le mauvais, vous ne les hébergez pas ... Ce n'est pas opensource, vous ne pouvez pas les pirater si vous le souhaitez. Nous les utilisons dans notre application web et en sommes très heureux.
Sauf qu'ils ne fonctionnent pas avec Android, comme beaucoup utilisent SVG/VML qui est désactivé par défaut pour le moment.