tiny-vis.js - Canvas Visualisation for tinyJS

tiny-vis.js ermöglicht die Darstellung von statistischen Daten in Canvas.

Download

tiny-vis.js [?b] - tiny-vis-min.js.gz [?b]

Hinweis

Das t.vis-System benötigt lediglich tiny.js. Im Internet Explorer, der Canvas nicht beherrscht, sind Lösungen wie iecanvas oder chromeframe empfehlenswert. Andere Scripte sind nicht erforderlich.

Verwendung

Die t.vis-Funktion erhält seine Daten in einem Objekt und gibt ein Visualisierung-Objekt zurück.

Options-Objekt

Das Options-Objekt wird in der .opts-Eigenschaft gespeichert und kann zu jeder Zeit manipuliert werden.

Visualisierungsmethoden

.render, .append, .replace, .draw, .color, .box, .pie, .map

Zusätzliche Methoden kann man dem in "t.vis._" gespeicherten Prototypen leicht mitgeben bzw. vorhandene Methoden umschreiben.

Beispiel

Leider kein Canvas verfügbar...   Leider kein Canvas verfügbar...

 

Code

var test=t.vis({type:'pie', width:200, height:200, canvas:document.getElementById('chart'),
    data:[10, 25, 185, 49, 100, 27.5, 47.2],
    colors:{0:[64,0,0,1], 10:[255,0,0,1], 50:[192,192,0,1], 85:[0,127,255,1], 100:[0,0,255,1]},
    helplines:{color:'rgba(192,192,192,0.5)', interval:10},
    stroke:{width:0.5, color:'rgba(255,255,255,0.5)'}});