Noen ganger et bilde er verdt tusen ord . Det gjelder spesielt hvis bildet er en graf, som kondenseres data inn i en lett-å - lese formatet . I 2008 utgivelsen av Active Server Pages. NET og Visual Basic , gjorde Microsoft det enklere enn noensinne å lage et plott grafen med sin figur Web Server Control . Microsofts diagram kontroll lar programmerere å enkelt ta data fra nesten hvilken som helst kilde og vise den i et område , bar og kolonne graf. Du trenger
Visual Studio
Vis flere instruksjoner
en
Besøk Microsofts Download Center og laste ned Visual Studio 2008 Add -on for " Chart Controls. " Klikk på " Lagre". Når filen er lastet ned , dobbeltklikker du på filen for å automatisk installere den i Visual Studio.
2
Åpne siden som skal inneholde en graf i Visual Studio og klikk på " Design " for å plassere ASPX side i Design modus. Dra og slipp en "Chart " element fra Toolbox på overflaten av den ASPX side . Gjennomgå automatisk generert markup : en
< /asp : Serie > < /serie > < /asp : ChartArea > < /asp : diagram>
3 Angi hvilken type graf du ønsker å lage ved hjelp av " diagramType " attributtet og gi et navn til grafen innenfor " " tag. Her skaper koden et diagram som bruker kolonner : en ;
4 Plot data ved hjelp av tag . Bruk " AxisLabel "-attributtet til å angi en tittel for hver linje . Plotte hver graf verdi ved hjelp av " YValues " attributt. For eksempel kan du lage en graf som diagrammer gjennomsnittlig antall elever i en klasse på hver ukedag som følger : en
< asp : DataPoint AxisLabel = " Mandag " YValues = " 27 " ; /> < asp : DataPoint AxisLabel = " Torsdag " YValues = " 24 " />
5
gjennomgang helheten av koden din for å sikre at det følger følgende format : en
< asp : Serie Name = " skolegang ved WeekDay " YValueType = " Int32 " DiagramType =" Column " ChartArea =" MainChartArea "> < asp : DataPoint AxisLabel = " tirsdag " YValues = " 24 " /> < asp : DataPoint AxisLabel = " torsdag " YValues = " , 24 " /> < /asp : Serie > < /Series > < asp : ChartArea Name = " MainChartArea "> < /asp : ChartArea > < /asp : diagram>
6 Lagre koden din og klikk på " Debug "-ikonet se grafene som vises på en webside. Gjennomgå grafen for å sikre at det inneholder de riktige data verdier .
