Patrice Ferlet
Patrice Ferlet
Créateur de ce blog.
Publié le août 13, 2010 Temps de lecture: 2 min

Me suivre sur Mastodon

Plot 3D chart

J’avais déjà parlé de Raycast en Javascript et l’idée a pris un peu ses formes. Notamment l’utiilsation de la 3D pour faire des graphs.

Voici donc une petite présentation de ce que je suis en train de faire, http://www.metal3d.org/canvasplot3D/ C’est encore au stade de l’ébauche et je n’ai pas encore trouvé certaines méthode pour afficher des labels ou les axes mais je vais cherché.

Bref, n’hésitez pas à twitter, à en parler… de l’aide serait la bienvenue.

Pour le moment ça ne fonctionne pas sur IE (pas encore testé avec Google Excanvas mais je pense le faire dans les jours qui viennent). Je ne sais pas non plus pour Opera...

Bon pour la forme, voici un exemple… Il suffit de créer un nouvel objet en javascript “M3DPlot” puis de lui assigner des données et des couleurs:

`

//une couleur avec alpha var plotcolor = { r: 33, g: 98, b: 55, a: 0.88 }; var plot = new M3DPlot(); plot.datas = [ {value: 10, color: plotcolor}, {value: 12, color: plotcolor}, {value: 7, color: plotcolor}, {value: 9, color: plotcolor}, {value: 5, color: plotcolor}, {value: 10, color: plotcolor}, {value: 12, color: plotcolor}, {value: 7, color: plotcolor}, {value: 9, color: plotcolor}, {value: 5, color: plotcolor} ]; //puis on assigne un canvas à l’objet window.onload = function () { plot.init(“mon_canvas”); } `

Ce qui doit donner:

Normalement ça doit être ok sur Google Chrome et Firefox... Voilà :)
comments powered by Disqus