Ülevaade:
(VÄRSKENDUS 12/04/07: Lisatud veel üks huvitav ressurss linkimiseks teise blogi, mis on suunatud väga huvitav veebiosa kaudu otsas)
See blogi kirjeldatakse loomist tulpdiagrammil SharePointis. See toimib WSS ja SAMBLA keskkondades, kui see sõltub ainult Andmevaate veebiosa.
On üldine lähenemisviis:
- Loo loend või teek, mis sisaldab graafikule kanda andmeid.
- Koht seostatud dokumenditeek / kohandatud lehele lisamiseks nimekirja ja muuta andmeid Loendivaate veebiosa (DVWP).
- Muuta ning DVWP XSL genereerida HTML, kus kuvatakse graafikuna.
Äri stsenaariumi / Seadistamine:
Olen loonud kohandatud loendi standardi pealkiri veeru ja ühe tulba, "Staatus". See mudelid (väga lihtsustatult) Kulu luba"" stsenaarium, kus pealkiri on projekti ja olek väärtus loendist:
- Kavandatud
- Protsessis
- Seiskunud
Eesmärk on toota interaktiivset horisontaalne Baar graafik, mis näitab nende olekukoodid.
On asustatud nimekirja ja näeb välja selline:
Andmevaate veebiosa loomine:
Luua ka DVWP, lisades kohandatud loendi leht (saidi lehe minu puhul) ja järgige Siin (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
Lisaks lihtsalt luua ning DVWP, Samuti peame seada atribuudi kutsungi kõik saadaval ridade kuvamiseks. Minu jaoks, See näeb välja selline:
Sel hetkel, Ma alati lähedal ühtse Programmdokumendi ja brauseri. Ma siis uuesti avada brauseriga leht. See väldib kogemata mucking kuni lehe osa veebivaade.
Muuda XSLT:
Nüüd on aeg muuta XSLT.
Ma alati kasutada visual Studiot selle. (Vt Siin tähtis teade intellisense, mis aitab teil palju jaoks).
Ma luua tühja projekti nelja uusi faile (asendades sõnad "originaal" ja "uus" vastavalt vajadusele):
- Original.XSLT
- New.XSLT
- Algne Params.xml
- Uus Params.xml
Minu puhul, See näeb välja selline:
Selle veebiosa muutmine ja kopeerida params ja XSL algse"" versioon Visual Studio.
Siin on tekitada XSL muuta saame tagasi DVWP päringu graafikuna renderdamine HTML tulemuste.
Sel eesmärgil, See aitab esmalt kaaluda, enne kui me saa segaduses mida tuntakse "XSL" hullumeelsus, mida HTML peaks välja nägema. (Selge, Järgmine on lihtsalt näide; Ärge tippige see või copy/paste visual studio. Mul pakkuda täis puhuda, alustades punkti selle eest hiljem ka kirjutada üles). Proovi graafik renderdatakse nagu HTML, kohe pärast iga:
Vastava HTML:
<HTML> <keha> <keskus> <Tabel Laius ≥ 80%> <TR><TD><keskus>Horisontaalne tulpdiagramm</TD></TR> <TR> <TD joondada = "center"> <tabeli äärise = "1" laius = 80%> <TR> <TD laius = 10%>Avatud</TD> <TD><Tabel cellpadding ="0" cellspacing ="0" Border = 0 laius ≥ 50%><TR bgcolor = punane><TD> </TD></TR></Tabel></TD> </TR> <TR> <TD laius = 10%>Suletud</TD> <TD><Tabel cellpadding ="0" cellspacing ="0" Border = 0 width = 25%><TR bgcolor = punane><TD> </TD></TR></Tabel></TD> </TR> <TR> <TD laius = 10%>Seiskunud</TD> <TD><Tabel cellpadding ="0" cellspacing ="0" Border = 0 width = 25%><TR bgcolor = punane><TD> </TD></TR></Tabel></TD> </TR> </Tabel> </TD> </TR> </Tabel> </keha> </HTML> |
Ma kasutasin surnud lihtne lähenemine loomine minu baarid seadmisega järjest "punaseks" taustavärv.
Et Take-Away on see: Aasta lõpus, Kõik me teeme on luua HTML ridade ja veergudega.
Malli XSLT:
I kopeeritud XSLT, mis tekitab horisontaalse tulpdiagramm. See on üsna hästi kommenteerinud nii, et ma ei lisa palju siin välja arvatud need märkmed:
- Hakkasin vaike-XSL SharePoint Designeri andis mulle selle DVWP loomisel.
- Mul oli võimalus lõigata see alates ühtse Programmdokumendi 's 657 read 166 read.
- Ma ei jändama parameetrite XML faili (mis on eraldatud ka XSL ja sa tead mida ma mõtlen, kui soovite muuta DVWP, ise; on kaks faili, saate muuta). Aga, selleks, et lihtsustada, Ma tegin peaaegu kõik neist eemaldamine XSL-i. See tähendab, et kui sa tahad teha kõnealuste parameetrite kasutamine, peate oma muutuja määratluste XSL-i uuesti lisada. See lihtne kuna teil algne XSL muutuja määratluste visual studio projektis.
- Sa peaks olema võimalik kopeerida ja kleepida otse visual studio projekti. Seejärel, Eemaldage mu kõnesid ja sisestage oma kõned "ShowBar".
- Töid luues süvitsiminek on <a href> Nagu see: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. See meetod võib olla väärtuslik teistes kontekstides. Algul, Arvasin, et ma vajaks vasta keerulisem vormingule: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, Minu keskkond seda ei vaja. Listi URL on möödunud meile SharePoint, nii et see on üsna lihtne üldistada.
Siin on:
<XSL-i:laadileht versioon="1.0" välista-tulemus-eesliited="RS z o s ddwrt dt msxsl" |
Tulemused:
Ülevalt XSL tekitab see graafik:
Puurida pääsemiseks klikkides olekukood:
Sõlmida mõtted:
Saab seda üldistada?
Ma armastan seda Graafikavidinate kontseptsiooni, kuid ma vihkan fakti, et pean minna ja teha nii palju käsitsi kodeerimine. Ma olen andnud väike arvasin, et kas ta saab üldistada ja ma olen optimistlik, Aga ma olen ka natuke hirmus, et võib esineda telliskivisein kusagil mööda teed, mis ei paku mingit töö-around. Kui kellelgi on häid ideid selle, Palun pange tähele kommentaare või kirjuta mulle.
Vertikaalne graafikud:
See on horisontaalne tulpdiagramm. See on kindlasti võimalik luua vertikaalne graafik. Lihtsalt tuleb muuta HTML. Ma hakkaks samamoodi: Loo HTML esindatuse vertikaalne tulpdiagrammil ja seejärel mõtlema, kuidas saada, et via XSL. Kui keegi on huvitatud, et, Ma võiks veenda proovi ja kiiksud välja töötada. Kui keegi on juba teinud, et, palun andke mulle teada ja ma hea meelega link oma blogi 🙂
Ma arvan, et väljakutseks vertikaalne graafik on graafik etiketid on keerulisem, aga kindlasti mitte võimatu.
Väli nimi Sainpas su:
Vähemalt kahte asja tähele teie väljanimedega.
Esimese, välja nime välja ei pääsenud XSL-i. See tuleb ilmselt küsimus siin:
<XSL-i:muutuja Nimi="totalProposed"
Valige="Krahv(/dsQueryResponse/ridu/rida[normaliseerida ruumi(@Status) = "Ettepanek"])" />
Kui teie "olek" veeru nimi on tegelikult "olekukood" siis tuleb sellele viidata kui "Status_x0020_Code":
<XSL-i:muutuja Nimi="totalProposed"
Valige="Krahv(/dsQueryResponse/ridu/rida[normaliseerida ruumi(@Status_x0020_Code) = "Ettepanek"])" />Teine, ja ma olen natuke udune selles, aga pead ka olema ja teatise väärtus muutub. Kui panete oma valdkonnas "olekukood" ja siis hiljem, Nimetage see ümber "AFE olek", "sisemine nimi" ei muutu. Sisemine nimi on ikkagi "olekukood" ja peab viitama kui "Status_x0020_Code". "Muud vahendid" lingid võib aidata diagnoosida ja parandada selliste probleemide.
Umbes et värv:
Ma valisin "punased" sest see on mulle meeldiv hetkel. Ei ole suur asi näidata erinevaid värve nii, et ainult visuaalse kirjeldama mitu, vaid ka näha kasulik KPI. Näiteks, Kui protsent "seiskunud" AFE's on > 10% siis näitab punane, muidu Näita seda musta. Kasutamine <XSL-i:Valige> selle saavutamiseks.
Muud ressursid:
- Sisemine nimi (ja muu hea info) andmete loetelu: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- Saate kuvada kõik andmed SharePointiga (töötlemata XML-faili): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- Saada kindla veeru XPATH väljendamine: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- Teise lähenemisviisi kasutades OWA(?). Mul on kaevatud sinna, kuid paljulubav, spetsiaalselt sektordiagrammide: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
Õnnelik ümberkujundamine!
<lõpp />