Ergebnis 1 bis 3 von 3
  1. #1
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    Kuchendiagramm mit Javascript zeichnen

    Ich habe vor kurzem ein Framework begonnen, womit es einem leicht gemacht wird in Javascript Kuchendiagramme zu zeichnen. Man kann es hier runterladen und in seine Seite integrieren:

    http://sadir.de/piechart/piechart.js

    Natürlich ist das erst der Anfang, ich möchte in nächster Zeit weiter daran arbeiten und auch ihr könnt natürlich mitmachen.

    Anleitung

    Wenn ihr erst ein Grundgerüst wie dieses hier habt:

    HTML-Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Piechart</title>
        <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
        <script src="piechart.js"></script>
    </head>
    
    <body>
    </body>
    </html>
    Könnt ihr auch schon loslegen (excanvas bekommt ihr übrigens hier und ist nur für den IE von Bedeutung).

    Ihr fügt dann im body-Bereich ein Canvas-Tag ein, z.B.:

    HTML-Code:
    <canvas id="piechart" width="300" height="300"></canvas>
    und in eurem script-Tag kommt Folgendes:

    PHP-Code:
    window.onload = function() {
        var 
    canvas document.getElementById("piechart");

        var 
    stats = new piechart(canvas);
        
    // 12, 12, 24, 48 und 4 sind die Prozentangaben, die Anzahl ist rein zufällig und kann auch geändert werden
        
    stats.pro(12,12,24,48,4);

    Hier ist die Demo: http://sadir.de/piechart/demo.htm

    Wie man sieht ist das erst die Grundfunktion, aber ich habe vor sie als nächstes so zu verändern, dass man auch die Farben wählen kann.

    P.S.: Wenn ich hier falsch bin, verschiebt diesen Thread ruhig
    Geändert von Arcsinh (24-08-2010 um 15:34 Uhr)
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  2. #2
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Kuchendiagramm mit Javascript zeichnen


  3. #3
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: Kuchendiagramm mit Javascript zeichnen

    Mir ist schon klar, dass es sowas bereits gibt, aber es heißt ja nicht, dass man es trotzdem nicht machen darf.
    Außerdem sehe ich da nur Graphen und keine Kuchendiagramme, aber vllt. irre ich mich auch nur.
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

Ähnliche Themen

  1. Antworten: 7
    Letzter Beitrag: 13-07-2007, 01:59
  2. pdf linie zeichnen
    Von sanchez im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 10-06-2003, 19:14
  3. kuchendiagramm mit php
    Von rasputin im Forum Serverseitige Programmierung
    Antworten: 3
    Letzter Beitrag: 15-01-2003, 12:51
  4. Bilder zeichnen mit php
    Von jacky im Forum Serverseitige Programmierung
    Antworten: 11
    Letzter Beitrag: 17-10-2002, 18:07
  5. Kuchendiagramm in Java
    Von diddipoeler im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 09-12-2001, 14:04

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •