DHTML Grafiek generator


10 January 2007 23:35 - André
Categorie: DHTML

De DHTML Grafiek generator is een handig script waarmee een simpele lijst met datums en getallen omgezet kan worden naar een grafiek. Dus geen PHP, ASP of welke serverside taal dan ook is vereist.

graph.gif

Op dit moment is er alleen een basale versie maar ik wil in de loop van de tijd dit script steeds verder uitbreiden tot een handig en volwaardig script.

De punten die op dit moment to-do zijn:

  • Het kunnen toevoegen van meerdere grafieken
  • Schaalverdeling op de y-as
  • Betere hover info per staaf
  • ?

Suggesties?

Meest recente versie: 1.0 (10 januari 2007)

Gerelateerde posts
DHTML Panorama viewer...
DHTML AsTree...
DHTML Vuurwerk...
DHTML Astris...
DHTML Regenboog tekst...
DHTML Slideletters...


6 Reacties op “DHTML Grafiek generator”



  1. Joost de Valk

    Lache ding! In je grotere voorbeeld worden de staven misschien wat smal op den duur?

  2. André

    Klopt, misschien moet ik de opties er uit slopen waarmee je een staafbreedte van minder dan 2 pixels krijgt. Aan de andere kant: je kiest er zelf voor om zoveel data in 1 grafiek te plaatsen ;)

  3. blaise

    Hoe ga je data labelen? Dat lijkt me een probleem met ruimte en overzicht bij de labels op de horizontale as. Vaak zie je bij grafieken met veel informatie schuin of verticaal, maar dat kan niet zomaar met DHTML.

  4. André

    Ik heb het nu gedaan met een title attribuut op de staven zelf waarin de datum en waarde staan. En ik denk dat ik dat nog ga vervangen door een DHTML popupje, dat geeft net wat meer mogelijkheden.

  5. Tinus

    Wat dacht je van Plotkit?
    Tip #958

  6. André

    Hmm, daar heeft iemand tijd over gehad. Wel enorm gaaf gedaan. Het verschil is wel dat ik alleen Javascript gebruik en zij ook SVG.

Trackbacks

  1. Geen

Laat gerust een reactie achter

Je kunt deze elementen gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>