Hvordan lage et diagram med Jquery

JQuery tilbyr Javascript programmerere et bibliotek som tillater dem å lage dynamiske websider som raskt kan hente data fra servere og forenkler hvordan Javascript håndterer HTML og forespørsler. Gjennom JQuery, kan du installere andre scripts, som graf og diagram bibliotek, som håndterer komplisert virksomhet for å skape bilder og tegne linjer for å gjøre lage diagrammer enkel og grei.

Bruksanvisning

1 Opprett en Javascript-skript med jQuery inkludert:
<Script type = "text / javascript" src = "jquery.js"> </ script>

2 Last ned "Flot" kartlegging biblioteker fra code.google.com/p/flot.

3 Ta med flot bibliotekene i Javascript-kode:
<Script type = "text / javascript" src = "jquery.js"> </ script>
<Script language = "javascript" type = "text / javascript" src = "jquery.flot.js"> </ script>

4 Skriv en enkel graf med to enkle datalinjer. Plottepunktene i variabelen "D1" signifiy xy par:
<Script id = "source" language = "javascript" type = "text / javascript">
$ (Funksjon () {

// a null signifies separate line segments
var d1 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

$ .plot ($ (& Quot; # plassholder & quot;), [d1]);

});
</ Script>