Il y a quelques bonnes graphiques libèrent là-bas, mais la plupart d'entre eux ne sont pas réactifs.
J'ai essayé Morris.js mais cela n'est pas réactif.
Je suis donc à la recherche d'une personne qui est réactive et libre et a l'air bien comme Morris.js ( Pas de bataille Highcharts, FLOT, Google )
n'importe qui?
3 Réponses :
Vous pouvez utiliser des graphiques JS, il est tout le côté du client et est réactif de
http://www.jschatts.com
Du site Web du Graphique JS: "La version gratuite JS Tablets est entièrement personnalisable mais en filigrane."
Je l'ai vu, mais il manque des tableaux de zone et les graphiques ont l'air médiocre. Merci quand même :-)
Commuez-le: Chartjs: Chartjs.org . Beaucoup mieux.
Essayez Amcharts:
http://www.amchatts.com/javascript-charts/
Ils répondent aux changements de conteneurs de manière dynamique, il serait donc parfait pour les aménagements adaptatifs.
Juste Fyi, Amcharts ont maintenant un soutien réactif à part entière. Jetez un coup d'oeil à cette page pour plus d'informations: AMCHARTS.COM/BLOG/RESPONSIVE-CHARTS
Il est. Vous pouvez télécharger des bibliothèques entièrement fonctionnelles et utiliser complètement gratuitement. Y compris les applications commerciales. Sans attaches.
J'utilise une autre bibliothèque js complètement libre à la fin, je vous remercie de toute façon.
Vous pouvez utiliser Chartjs
https://github.com/nnnick/chart.js
et ma solution étendue pour le rendre réactif
https://github.com/ariFlogic/respchatjs
EDIT:
Maintenant, nous pouvons utiliser un tableau réactif comme le chartiste JS. Pourtant, il y a beaucoup plus de bibliothèque JS. https://gionkunz.github.io/chalartist-js/
La plupart des bibliothèques de graphique sont «sensibles» avec un peu de travail. D3 est probablement l'un des meilleurs là-bas; Voici un thread sur la façon de le faire " sensible."
Ce n'est pas ce que l'on peut appeler appelé, mais Morris.js graphiques ont un attribut de redimensionnement que si vous définissez sur TRUE "Activer la redimensionnement automatique lorsque l'élément contenant redimensionne"
Pour plus de trucs avancés 3D, essayez trois.js: Threejs.org/examples