Quel outil puis-je utiliser pour créer un HTML5 graphique en chandeliers avec une inversion de l'axe?

Google cartographie de l'API prend en charge un graphique en chandeliers avec la possibilité de modifier les valeurs sur l'axe des X - dire qu'ils sont les jours de la semaine ici, mais peut-être d'autres choses.

Cependant, autant que je puisse en dire, cette cartographie de l'API ne permet pas de modifier la largeur de la ligne pour les "mèches", et il est impossible d'inverser l'axe de sorte que 0 est sur le dessus (sauf si vous passez à l'aide de toutes les valeurs négatives).

Highcharts est plus complet graphique en chandeliers et la possibilité d'inverser l'axe y, mais aussi loin que je peux voir, vous DEVEZ utiliser des estampilles en tant que valeurs de l'axe des x.

Quel outil puis-je utiliser pour créer un HTML5 graphique en chandeliers avec une inversion de l'axe Y et la possibilité de personnaliser les étiquettes sur l'axe des X, et, éventuellement, et une option pour régler la "mèche" épaisseur?

Google Exemple De Diagramme

http://img801.imageshack.us/img801/6443/picturena.png

Highcharts Exemple

Photo 1.png http://img823.imageshack.us/img823/371/picture1dls.png

jqChart Exemple

(c'est assez foiré - source ici http://jsfiddle.net/FSEQP/ )

Image.png http://img62.imageshack.us/img62/8931/pictureys.png

OriginalL'auteur cwd | 2012-05-02

  1. 1

    Je crois jqChart correspond à vos besoins.

    Je ne vois pas un moyen de changer les étiquettes de l'axe des X avec jqCharts mais il semble bien, sinon
    Les étiquettes de l'axe peut être mis en forme : jqchart.com/documentation/userguide/default.aspx#!AxisElements jqchart.com/documentation/userguide/...
    La Documentation n'est pas très utile. Je ne peux pas comprendre comment remplacer les étiquettes en bas. Je peux ajouter de la catégorie "groupes" en haut de l'étiquette, mais ce n'est pas ce que je veux.
    Le dernier échantillon à partir de ce lien jqchart.com/documentation/userguide/... de l'aide? Ils peuvent être mis en forme avec les étiquettes: { stringFormat: 'd mmmm yyyy". Vous pouvez spécifier un format personnalisé ici.
    Voici ce que j'ai obtenu jusqu'à présent. jsfiddle.net/FSEQP

    OriginalL'auteur Dragan Matek

  2. 8

    Je recommande techan.js sur la base et par l'auteur de D3js. C'est gratuit, open source et interactif.

    https://github.com/andredumas/techan.js

    http://techanjs.org/

    Il n'est plus maintenu

    OriginalL'auteur simonmysun

  3. 0

    Essayer amCharts.com - leur série graphique peut accepter des chaînes pour categoryAxis, valueAxes peut être inversé et l'épaisseur de ligne peut également être ajustée. Ici est un exemple de graphique en chandeliers: http://amcharts.com/javascript/candlestick-chart/

    Où pourrais-je trouver de la documentation sur la modification de ces choses?
    La nouvelle documentation est ici: docs.amcharts.com/3
    amCharts semble très cher, donc ils doivent être vraiment bon?

    OriginalL'auteur zeroin

  4. -4

    Je vous suggère de SVG pour créer de tels diagrammes.

    Si vous pouviez donner un exemple ou certains liens, je voudrais vous donner un upvote.

    OriginalL'auteur Jocelyn LECOMTE