Pregled:
(POSODOBITEV 12/04/07: Dodali še zanimiv vir na koncu povezujete drug blog, ki obravnava to preko zelo zanimiv spletni gradnik)
Ta blog vnos opisuje, kako ustvarite palični grafikon v SharePoint. To deluje v WSS in MOSS okoljih, kot je odvisna le od spletni gradnik podatkovnega pogleda.
Splošni pristop je, kot sledi:
- Ustvarite seznam ali knjižnico, ki vsebuje želene podatke za graf.
- Kraj je povezana knjižnica dokumentov / po meri seznam na stran in jo pretvorite v spletni gradnik podatkovnega pogleda (DVWP).
- Spremeni v DVWP XSL za ustvarjanje HTML, ki kaže kot graf.
Poslovni scenarij / Nastavitev:
Jaz sem ustvaril seznam po meri s standardno naslov stolpca in en dodaten stolpec, "Status". Ta modeli (zelo poenostavljeno) "dovoljenje za stroške" scenarij, kjer naslov predstavlja projekt in stanje vrednost s seznama:
- Predlagani
- V procesu
- Zastala
Cilj je izdelava interaktivne vodoravni črtni grafikon, ki prikazuje te kode stanja.
So poseljena s seznama in izgleda takole:
Ustvarite spletni gradnik podatkovnega pogleda:
Ustvarite v DVWP z dodajanjem po meri seznam na stran (strani v mojem primeru) in sledite navodilom tukaj (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
Poleg tega, da preprosto ustvarjanje na DVWP, moramo tudi nastavite lastnost ostranjevalne pokazati vse vrstice na voljo. Za mene, to izgleda nekako takole:
Na tej točki, Sem vedno zaprite SPD in brskalnik. Sem nato ponovno odpre stran z brskalnikom. S tem se izognemo pomotoma mucking up spletna postavitev del na strani.
Spreminjanje XSLT:
Zdaj je čas za spremembo XSLT.
Jaz zmeraj raba vizualen atelje za to. (Glej tukaj za pomembno obvestilo o intellisense, ki vam bo pomagal veliko).
I ustvarite prazen projekt dodate štiri nove datoteke (Zamenjava besede "Original" in "New" kot primerno):
- Original.XSLT
- New.XSLT
- Original Params.xml
- Novo Params.xml
V mojem primeru, Izgleda, da to:
Spremenite spletni gradnik in kopijo params in XSL izvirniku"" različica v Visual Studio.
Cilj tukaj je, da povzroči XSL za pretvorbo rezultatov smo dobili nazaj od DVWP poizvedbe v HTML, da postane kot graf.
V ta namen, pomaga, da najprej razmislite, kaj je HTML izgledal, preden sva zmedena norosti, ki je znan kot "XSL". (Da bo jasno, To je preprosto primer; ne vnesite ali copy/paste v vizualen atelje. Jaz priskrbeti se poln udarec izhodiščna točka za to kasneje časnikarsko poročilo). Naslednji graf vzorec upodobi kot HTML, takoj po:
Ustrezni HTML:
<HTML> <telo> <Center> <Tabela širina = 80 %> <tr><TD><Center>Vodoravni palični grafikon</TD></tr> <tr> <TD align = "center"> <obroba tabele = "1" širina = 80 %> <tr> <td širino = 10 %>Odprta</TD> <TD><Tabela cellpadding ="0" cellspacing ="0" obroba = 0 širina = 50 %><tr bgcolor = rdeča><TD> </TD></tr></Tabela></TD> </tr> <tr> <td širino = 10 %>Zaprta</TD> <TD><Tabela cellpadding ="0" cellspacing ="0" obroba = 0 width = 25 %><tr bgcolor = rdeča><TD> </TD></tr></Tabela></TD> </tr> <tr> <td širino = 10 %>Zastala</TD> <TD><Tabela cellpadding ="0" cellspacing ="0" obroba = 0 width = 25 %><tr bgcolor = rdeča><TD> </TD></tr></Tabela></TD> </tr> </Tabela> </TD> </tr> </Tabela> </telo> </HTML> |
Sem rabil mrtvih preprost pristop k ustvarjanju moje palice z določitvijo barvo ozadja vrstice za "rdeče".
Take-away tukaj je to: Na koncu, vse delamo ustvarja HTML z vrsticami in stolpci.
Predloge XSLT:
Sem pa prepisali XSLT, ki ustvarja graf vodoravne vrstice. To je dokaj dobro komentiral, da ne dodam veliko tukaj razen te opombe:
- Začel sem z privzeti XSL, ki SharePoint Designer, mi je dal, ko sem prvič ustvarili na DVWP.
- Sem mogel odrezati od osebe EPD 657 linije za 166 vrstice.
- Nisem igral s parametri XML datoteke (ki je ločeno od XSL in boste vedeli, kaj mislim, ko greš za spremembo DVWP, sam; Obstajata dve datoteke, lahko spremenite). Vendar, zaradi poenostavitve je, Ali odstranili skoraj vse izmed njih s XSL. To pomeni, da če želite, da bi uporaba teh parametrov, vi šele potreba prišteti spremenljivo definicije nazaj v XSL. Da bo enostavno, saj boste imeli prvotni XSL spremenljivo opredelitve v vizualen atelje načrt.
- Moral bi biti zmožen prepisati ter pasta to naravnost v vaš vizualen atelje načrt. Nato, odstranite moje klice in vstavite svoje klice na "ShowBar".
- Vrtanje navzdol deluje z ustvarjanjem do <a href> všeč mi je: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. Ta tehnika lahko vrednosti v drugih kontekstih. Na prvi, Mislil sem, da bi morali ustrezati bolj zapletena oblika: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, vendar v mojem okolju ki ni potrebno. Na seznamu URL je sprejel nam SharePoint tako to je precej enostavno posploševati.
Tukaj je:
<XSL:Stylesheet različica="1.0" izključi-rezultat-predpone="RS ž o s ddwrt dt msxsl" |
Rezultati:
XSL od zgoraj ustvarja Ta graf:
Vaja na temeljnih podatkov s klikom na kodo stanja:
Sklepne misli:
Je to možno posplošiti?
Ljubim ta vizualizirajo koncept, vendar pa sovražim dejstvo, da moram iti in narediti toliko ročno kodiranje. Sem dal malo misli na ali lahko mogoče posplošiti in sem optimističen, ampak jaz sem tudi malo strah, da lahko obstaja opečnatega zidu nekje po poti, ki ne ponujajo koli opus-okrog. Če ima kdo nekaj dobrih idej, na to, Prosimo, da opombo v komentarje ali email mi.
Navpično grafov:
To je graf vodoravne vrstice. To je zagotovo mogoče ustvariti navpično graf. Moramo spremeniti HTML. Jaz bi začeli na enak način: Ustvariti HTML predstavitev navpično črtni grafikon in nato ugotovimo, kako priti to preko XSL. Če kdorkoli je zavzet v ki, Sem se lahko prepričal, da preizkusite in izšlo zanka pentlja. Če je nekdo že naredil to, sporočite mi in z veseljem bom povezal vaš blog 🙂
Mislim, da izziv z navpično graf je, da so oznake za graf težje upravljati, ampak gotovo ni nemogoče.
Polje Ime imam:
Obstajata vsaj dve stvari pogledati ven z vašega imena polj.
Prvi, ime polja s presledkom je pobegnil v XSL. To bo verjetno vprašanje tukaj:
<XSL:spremenljivka ime="totalProposed"
Izberite="Count(/Vrstice/dsQueryResponse/vrstico[normalizira prostor(@Status) = "Predlaga"])" />
Če vaš "Status" stolpec je dejansko imenovane "kode stanja" potem boste morali sklicevati kot "Status_x0020_Code":
<XSL:spremenljivka ime="totalProposed"
Izberite="Count(/Vrstice/dsQueryResponse/vrstico[normalizira prostor(@Status_x0020_Code) = "Predlaga"])" />Drugi, in jaz sem malo fuzzy, na to, vendar boste morali biti pozorni na polje Ime spremembe. Če vi ime vaš polje "koda stanja" nato kasneje, preimenovati v "AFE Status", ime"notranjega" ne spremeni. Interno ime bo še "kode stanja" in mora biti naveden kot "Status_x0020_Code". "Druga sredstva" povezave lahko pomagajo diagnosticirati in popraviti tovrstne težave.
O da barvo:
Sem izbral "rdeča" ker je prijeten za mene v tem trenutku. Ne bi bilo velik posel za prikaz različnih barvah tako, da zagotavlja več kot le vizualne opis števila, temveč tudi koristno KPI. Na primer, če odstotek "zastala" Osebe AFE je > 10% potem show rdeče, sicer kažejo v črni barvi. Uporaba <XSL:Izberite> da bi to dosegli.
Drugih virov:
- Določitev interno ime (in drugih dobrih informacij) za podatke na seznamu: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- Prikaz vseh podatkov, ki jih SharePoint (neobdelani XML): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- Dobili XPATHOV izraz določen stolpec: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- Drugi pristop, ki uporablja OWA(?). Jaz jih ne kopali v to, ampak izgleda obetavno, še posebej za tortni grafikoni: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
Happy preoblikovanje!
<namen />
Ta stran skoraj opravila nalogo, ki je iskal.
Imam skupino, ki želi s seznamom SharePoint anketo ustvarite tedenska Anketa. Ulov? Ne želijo videti kodo… Ali sprememba sistema, vsakič, ko jih Pošlji anketo (načrtovanih za tedenski update).
Sem bil sposoben povezati to raziskavo seznam in ustvariti graf na prvi stolpec odgovor. Kaj ne moremo napovedati, čeprav so vrednote in oznake, ki jih bodo potrebovali napreduje. Da bi zadeve še slabše imajo lahko bolj ali manj odgovorov, ki so na voljo vsak teden.
Bo pogled nekje drugje samo v primeru, vendar je kdo našel način za ustvarjanje vrstic in oznake na off število razpoložljivih možnosti in dinamično nastavijo te namesto težko kodiranje pričakovane vrednosti?
Hvala Paul. Zelo koristno. Hvala za vaše delo, Sem mogel, da dodate stolpec graf bar za obstoječe DVWP (npr.. za opravila) zelo enostavno z nekaj vrsticami kode.
V programu SharePoint Designer, Sem vstavil pogled podatkov z naslovom in % popolna stolpcev iz seznama opravil. Postaviti kazalko v eni od celic in desni klik. I izberite Vstavi stolpec desno. V pogledu kode, Sem našel na <TD> in nadomesti z <XSL:element besedila znotraj celic s kodo:
<Tabela cellpadding ="0" cellspacing ="0" obroba ="0"
širina = "{krog(@PercentComplete * 100)+1}%">
<tr style = "barva ozadja:rdeča">
<XSL:besedilo onesposobiti-proizvodnja-uhaja = "yes"><![CDATA[ ]]></XSL:besedilo>
</tr>
</Tabela>
Opomba, sem spremenil vrsto barvno kodo iz bgcolor = "rdeče" style = "barva ozadja:rdeča"
Tudi, mogel izbrati enega od stolpcev v moj seznam (@PercentComplete) namesto "$BarPercent"
Greg
Druga metoda (z uporabo le UI SharePoint):
http://pathtosharepoint.wordpress.com/2008/09/02/a-progress-bar-for-your-tasks-list/
http://pathtosharepoint.wordpress.com/2008/10/21/progress-bar-color-coding/
xmlns:__designer =http://schemas.microsoft.com/WebParts/v2/DataView/designer xmlns:ASP ="http://schemas.microsoft.com/ASPNET/20">
izbrati = "count(/Vrstice/dsQueryResponse/vrstico[normalizira prostor(@Status)= "PVT"])" />
http://www.microsoft.com/sharepoint/downloads/components/detail.asp?a1=701Ian Morrish je to objavil maja 2006. Poskušal sem v MOSS-u 2007 in dobro deluje. Dodano v GAC, moral execadmsvcjobs in iisreset…
Veliki post, hvala!
Veliki post, hvala!
Zdravo Paul!
Lepo delo! Nekaj takega sem imel tudi v mislih, da bi si SharePoint sezname ogledal v grafični obliki 😉
Imam »Uporaba nadzornih plošč v SharePointu’ vprašanje. Smo vojaška bolnišnica, ki uporablja standard MOSS za naš intranet in bi radi zgradili nadzorno ploščo za našo poveljniško skupino, da bi videli »resnični čas’ Če je mogoče. Ena od glavnih točk je pregledovanje v realnem času trenutne delovne obremenitve v objektu in dobesedno Opazuj gor in dol spremeniti (morda morali klikniti “Osveži”/F5).
Hvala vnaprej,
Lahko naredimo nekaj uporabnega z jQuery izpolniti ta učinek. Email mi v Galvin.Paul@gmail.com in bom vesel, da poskusite in dal roko.