Nogle gange et billede er værd 1.000 ord . Det er især tilfældet, hvis billedet er en graf , som kondenserer data i en let at læse format . I 2008- udgivelsen af Active Server Pages. NET og Visual Basic , Microsoft gjort det lettere end nogensinde at lave et plot graf med sin Chart webserver kontrol . Microsofts chart kontrol giver programmører til nemt at tage data fra næsten enhver kilde og vise det i et område , bar og kolonne graf. Ting du skal
Visual Studio
Vis Flere Instruktioner
1
Besøg Microsofts Download Center og hente Visual Studio 2008 Add -on for " Chart Controls ". Klik på " Gem". Når filen er færdig med at downloade , skal du dobbeltklikke på filen for automatisk at installere det i Visual Studio.
2
Åbn den side, der skal indeholde en graf i Visual Studio og klik på " Design " for at placere ASPX-side i Design mode. Træk og slip en " Chart" element fra værktøjskassen på overfladen af den ASPX-side . Gennemgå den automatisk genererede markup : Hej
< /asp : Series > < /serie >
< br >
3 Angiv type graf , du gerne vil oprette ved hjælp af " ChartType " attribut, og give et navn til grafen indenfor " " tag . Her kode opretter et diagram, der bruger kolonner : Hej ;
4 Plot data ved hjælp af tag . Brug " AxisLabel " attributten til at angive en titel for hver linje. Plot hver graf værdi ved hjælp af " YValues " attribut. For eksempel kan du oprette en graf, diagrammer det gennemsnitlige antal elever i en klasse på hver ugedag som følger : Hej
< asp : DataPoint AxisLabel = "Monday " YValues = " 27" ; /> < asp : DataPoint AxisLabel = " Thursday" YValues = "24" />
5 anmeldelse helhed af din kode for at sikre, at det følger følgende format : Hej
< asp : Series Name = " skolegang ved WeekDay " YValueType =" Int32 " ChartType =" Kolonne " ChartArea =" MainChartArea "> < asp : DataPoint AxisLabel = " Tuesday" YValues = "24" /> < asp : DataPoint AxisLabel = " Thursday" YValues = " ; 24 " /> < /Serie > < asp : ChartArea Name = " MainChartArea ">
6 Gem din kode og klik på " Debug "-ikonet at se grafen vises på en webside . Gennemgå grafen for at sikre den indeholder den korrekte dataværdier .