Πάμε να γράψουμε το πρώτο μας blog post για ASP.NET! Συγκεκριμένα σήμερα θα σας δείξω πως πολύ εύκολα να προσθέσετε διαγράμματα (είτε στατικά είτε δυναμικά) στο site σας! :)
Καταρχήν κατεβάστε απο εδώ και εγκαταστήστε τα assemblies που χρειάζεστε για να χρησιμοποιήσετε το chart control. Ανοίξτε το visual studio και δημιουργήστε ένα καινούριο site (File –> New –> Site).
Καταρχήν πάμε να δούμε την δομή που έχει το chart. Το chart Αποτελείται (κυρίως) απο Series, ChartAreas και Legends:
Όπως βλέπετε, ChartArea είναι κάθε περιοχή που προσθέτουμε στο chart (ουσιαστικά είναι τα επιμέρους διαγράμματα που θα περιέχει το chart), series είναι οι σειρές που εμφανίζονται στο διάγραμμα και Legend είναι η ετικέτα που αντιπροσωπεύει κάθε σειρά.
Στο Toolbox, στο Data μέρος θα σας έχει εμφανιστεί το chart control
Άν ανήκετε στους “τεμπέληδες” που βάζουν τα controls με διπλό κλίκ, πηγαίνετε στον κώδικα της σελίδας και αφού τοποθετήσετε τον δρομέα στο σημείο που θέλετε να βάλετε το διάγραμμα πατήστε διπλό κλίκ στο Chart του Toolbox :P.
Αλλιώς πάμε να γράψουμε μόνοι μας το chart:
Φυσικά μπορούσαμε και μέσω κώδικα να προσθέσουμε την σειρα “Series” γράφωντας στο cs αρχείο της σελίδας:
(για να μπορεί ο compiler να “δεί” τις δηλώσεις Chart κλπ :) )
και
(για να προσθέσουμε την σειρά που θέλουμε)
Πάμε τώρα να προσθέσουμε στατικά μερικά σημεία στη σειρά:
Στατικά (με κώδικα στην *.aspx σελίδα)
και δυναμικά (με C# στον .cs αρχείο της σελίδας)
Όπως βλέπετε, δημιουργούμε το αντικείμενο series δίνοντας του το όνομα MyFirstSeries και μετά προσθέτουμε τα σημεία 67, 57, …, 20 στον Y άξονα..Τέλος, προσθέτουμε την σειρά στο chart ,ας όπως δείξαμε πρίν :).
Τέλος ας πούμε κάτι πολύ εντυπωσιακό :)
Με μια γραμμή κώδικα μπορούμε να κάνουμε το διάγραμμά μας 3D!
Αφού προσθέσουμε ChartArea στο control μας γράουμε:
Το ποιό εντυπωσιακό είναι πως μπορούμε να κάνουμε τις σειρές μας DataBounded με όποια βάση χρησιμοποιούμε, επομένως να ανανεώνοπνται τα δεδομένα τους ανάλογα με τις συνναλαγές της βάσης!!! :). Τέλος μήν ξεχνάμε πως Chart control υπάρχει και για WPF. Άν θέλετε μπορώ να κάνω post για databindings ή για τα chart controls του WPF.
Για τέλος ας δούμε μερικά διαγράμματα :)
Keep coding!!!
Πολλοί στη σχολή (τμήμα Πλ/κης και Τηλ/νων του Παν/ου Αθηνών) με ρωτάτε πώς να γράψετε τις εργασίες σε C και C++ σε visual studio. Επειδή δέν προλαβαίνω να το δείξω σε καθέναν απο εσάς απο κοντά, είπα να κάνω ένα blog post που να περιγράφει την διαδικασία :)
Όσοι δέν έχετε το visual studio μπορείτε να το κατεβάσετε δωρεάν απο τη συνδορμή MSDNaa ή το Dreamspark ;)
Αρχικά ανοίγουμε το visual studio, πάμε File->New->Project
Όπως βλέπετε στο screenshot, πάμε Other Languages, Visual C++ και Win32 Console Application
Βάζουμε το όνομα του project και πατάμε OK.
Στο επόμενο παράθυρο επιλέγουμε Finish
Μετά απο αυτό θα σας βγάλει στο αρχείο που έχει την main. Πάμε να κάνουμε κάποιες αλλαγές για να τρέχει μηχανήματα της σχολής (SUN Και Linux)
Αλλάξτε την _tmain σε main και το τύπο _TCHAR σε char (προσοχή, μήν σβήσετε τον δείκτη γτ είναι η παράμετρος με τα ορίσματα)
Άν θέλετε να γράψετε C, πρέπει πρώτα να αλλάξουμε τον compiler απο g++ σε gcc.
Πάμε Project –> <project name> Properties
Πάτήστε, Configuration Properties, C/C++, Advanced και στην επιλογή Compile As επιλέξτε C (απο C++ που είναι η default επιλογή)
Είστε έτοιμοι :D . Μια σημείωση, το stdafx.h header αρχείο που βάζει το visual studio είναι ένα βοηθητικό header που χρειάζεται, πρέπει να υπάρχει σε όλα τα c και cpp αρχεία του project για να κάνει compile, παρόλαυτα μήν ξεχάσετε να το σβήσετε πρίν τρέξετε το πρόγραμμα σε μηχάνημα SUN η Linux Της σχολής γτ δέν θα το αναγνωρίζουν ;).
Όλα τα αρχεία του project σας είναι στον φάκελο του project, κάτω απο το directory με το όνομα του project σας. Αν το πρόγραμμα σας χειρίζεται κάποια αρχεία, βάλτε στο directory που είπα πως πάνε τα αρχεία σας. Το exe του project βρίσκετε στο direcory του project σας, κάτω απο το directory debug. Για ανάπτυξη C και C++ το visual studio υποστηρίζει σχεδόν όλα τα features που έχει για C# (βλ intellisense, debugging features, shortcuts κλπ ) ;).
Keep coding :)