SharePoint માં બાર આલેખ બનાવો

17 જવાબો

વિહંગાવલોકન:

(અપડેટ 12/04/07: એક ખૂબ જ રસપ્રદ વેબ ભાગ મારફતે આ સંબોધે છે કે બીજા બ્લોગ પર લિંક ઓવરને અંતે બીજી રસપ્રદ સ્ત્રોત ઉમેરવામાં)

This blog entry describes how to create a bar graph in SharePoint. This works in both WSS and MOSS environments as it only depends upon the data view web part.

નીચે પ્રમાણે એકંદર અભિગમ છે:

  1. તમે ગ્રાફ કરવા માંગો છો તે ડેટા ધરાવે છે કે જે યાદી છે અથવા દસ્તાવેજ લાઇબ્રેરી બનાવો.
  2. સંકળાયેલ દસ્તાવેજ લાઇબ્રેરી મૂકો / વૈવિધ્યપૂર્ણ પૃષ્ઠ પર યાદી અને ડેટા જુઓ વેબ ભાગ રૂપાંતરિત (DVWP).
  3. આલેખ તરીકે બતાવે છે કે જે HTML જનરેટ કરવા માટે DVWP માતાનો XSL બદલો.

વ્યાપાર પરિદ્દશ્ય / સેટઅપ:

હું પ્રમાણભૂત શીર્ષક સ્તંભ અને એક વધારાના સ્તંભ સાથે વૈવિધ્યપૂર્ણ યાદી બનાવેલ હોય, "Status". This models (ખૂબ simplistically) an "Authorization For Expense" શીર્ષક પ્રોજેક્ટ અને સ્થિતિ યાદીમાંથી કિંમત રજૂ જ્યાં દૃશ્ય:

  • સૂચિત
  • પ્રક્રિયા
  • અટકેલ

ઉદ્દેશ આ સ્થિતિ કોડ બતાવે છે કે એક ઇન્ટરેક્ટિવ આડી બાર ગ્રાફ પેદા કરવા માટે છે.

હું યાદી રચાયેલ છે અને તે આ જેમ દેખાય છે:

છબી

ડેટા જુઓ વેબ ભાગ બનાવો:

એક પૃષ્ઠ પર વૈવિધ્યપૂર્ણ યાદી ઉમેરીને DVWP બનાવો (મારા કિસ્સામાં સાઇટ પાનું) અને સૂચનાઓને અનુસરો અહીં (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).

ખાલી DVWP બનાવવા ઉપરાંત, we also need to set the paging property to show all available rows. મારા માટે, આ કંઈક આના જેવું દેખાય:

છબી

આ બિંદુએ, I always close SPD and the browser. I then re-open the page using the browser. This avoids accidentally mucking up the web part layout on the page.

જો XSLT બદલો:

તે XSLT ફેરફાર કરવા માટે હવે સમય છે.

I always use visual studio for this. (જુઓ અહીં ઇન્ટેલિસેન્સ વિશે એક અગત્યની નોંધ માટે કે તમે ઘણો મદદ કરશે).

હું એક ખાલી પ્રોજેક્ટ ચાર નવા ફાઈલો ઉમેરવા બનાવો (replacing the words "Original" and "New" યોગ્ય તરીકે):

  • Original.xslt
  • New.xslt
  • મૂળ Params.xml
  • નવી Params.xml

મારા કિસ્સામાં, તે આના જેવું દેખાય છે:

છબી

Modify the web part and copy the params and XSL to the "Original" વિઝ્યુઅલ સ્ટુડિયો માં વર્ઝન.

અહીં હેતુ XSL આલેખ તરીકે રેન્ડર કરે છે કે જે HTML માં DVWP ક્વેરી પરથી આપણે પાછા પરિણામો પરિવર્તન કારણ છે.

આ માટે, it helps to first consider what the HTML should look like before we get confused by the insanity that is known as "XSL". (સ્પષ્ટ કરવા, નીચેની માત્ર એક ઉદાહરણ છે; don’t type it or copy/paste into visual studio. I provide a full blow starting point for that later in the write-up). The following sample graph is rendered as per the HTML immediately following:

નમૂના બાર ગ્રાફ

અનુરૂપ એચટીએમએલ:

<HTML>
<સંસ્થા>
<કેન્દ્ર>
<ટેબલ પહોળાઈ = 80%>
<ટીઆર><ટીડી><કેન્દ્ર>આડો બાર ગ્રાફ</ટીડી></ટીઆર>
<ટીઆર>
<td align="center">
<table border="1" પહોળાઈ = 80%>
<ટીઆર>
<ટીડી પહોળાઈ = 10%>ખુલ્લું</ટીડી>
<ટીડી><ટેબલ = સેલપેડીંગ"0" = cellspacing"0" સરહદ = 0 પહોળાઈ = 50%><ટીઆર bgcolor = લાલ><ટીડી>&nbsp;</ટીડી></ટીઆર></ટેબલ></ટીડી>
</ટીઆર>
<ટીઆર>
<ટીડી પહોળાઈ = 10%>બંધ</ટીડી>
<ટીડી><ટેબલ = સેલપેડીંગ"0" = cellspacing"0" સરહદ = 0 પહોળાઈ = 25%><ટીઆર bgcolor = લાલ><ટીડી>&nbsp;</ટીડી></ટીઆર></ટેબલ></ટીડી>
</ટીઆર>
<ટીઆર>
<ટીડી પહોળાઈ = 10%>અટકેલ</ટીડી>
<ટીડી><ટેબલ = સેલપેડીંગ"0" = cellspacing"0" સરહદ = 0 પહોળાઈ = 25%><ટીઆર bgcolor = લાલ><ટીડી>&nbsp;</ટીડી></ટીઆર></ટેબલ></ટીડી>
</ટીઆર>
</ટેબલ>
</ટીડી>
</ટીઆર>
</ટેબલ>
</સંસ્થા>
</HTML>

I used a dead simple approach to creating my bars by setting the background color of a row to "red".

આ દૂર અહીં આ છે: અંતે, અમે કરી રહ્યા છે બધા પંક્તિઓ અને કૉલમ્સ સાથે એચટીએમએલ રહ્યા છે.

ઢાંચો XSLT:

I’ve copied the XSLT that generates a horizontal bar graph. It’s fairly well commented so I won’t add much here except for these notes:

  • હું પ્રથમ DVWP બનાવતી વખતે શેરપોઈન્ટ ડિઝાઈનર મને આપ્યો કે મૂળભૂત XSL સાથે પ્રારંભ.
  • હું એસપીડી માતાનો આ કાપી કરવા સક્ષમ હતી 657 લાઇન્સ 166 lines.
  • હું પરિમાણો XML ફાઇલ સાથે આસપાસ ગડબડ ન હતી (જો XSL અલગ છે અને તમે પોતે DVWP સુધારવા માટે જાઓ ત્યારે તમે મને શું અર્થ થાય તે ખબર પડશે કે જે; તમે ફેરફાર કરી શકે છે બે ફાઈલો છે). તેમ છતાં, તે સરળ કરવા માટે, I did remove nearly all of them from the XSL. This means that if you want to make use of those parameters, you just need to add their variable definitions back to the XSL. That will be easy since you will have the original XSL variable definitions in your visual studio project.
  • You ought to be able to copy and paste this directly into your visual studio project. તે પછી, remove my calls and insert your own calls to "ShowBar".
  • આ કવાયત નીચે એક બનાવીને કાર્ય કરે છે <એક href> આ જેમ: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. This technique may be of value in other contexts. શરૂશરૂમાં, હું વધુ જટિલ સ્વરૂપમાં માટે અનુકૂળ કરવાની જરૂર વિચાર્યું: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, but in my environment that is not necessary. The List’s URL is passed to us by SharePoint so this is quite easy to generalize.

અહીં તે છે:

<xsl:સ્ટાઇલશીટ આવૃત્તિ="1.0" બાકાત પરિણામ-ઉપસર્ગો="રૂ. z ઓ ઓ ddwrt તા msxsl" 
 xmlns:msxsl="ચિતાભસ્મ રાખવાનું પાત્ર:સ્કીમા-Microsoft-COM:XSLT" xmlns:xsl="HTTP://www.w3.org/1999/XSL/Transform" 
 xmlns:SharePoint="Microsoft.SharePoint.WebControls" xmlns:__designer="HTTP://schemas.microsoft.com/WebParts/v2/DataView/designer" 
 xmlns:નાનો ઝેરી સાપ="HTTP://schemas.microsoft.com/ASPNET/20" xmlns:ddwrt="HTTP://schemas.microsoft.com/WebParts/v2/DataView/runtime" 
 xmlns:શૂન્ય અથવા કશું નહિ="ચિતાભસ્મ રાખવાનું પાત્ર:સ્કીમા-Microsoft-COM:કચેરી" xmlns:ઓ="UUID:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" 
 xmlns:તા="UUID:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:રૂ.="ચિતાભસ્મ રાખવાનું પાત્ર:સ્કીમા-Microsoft-COM:rowset" xmlns:z="#RowsetSchema" 
 xmlns:ddwrt2="ચિતાભસ્મ રાખવાનું પાત્ર:લાઈફ:આંતરિક">
  <xsl:ઉત્પાદન પદ્ધતિ="HTML" દાંતો="આ બોલ પર કોઈ" />
  <xsl:દશાંશ ફોર્મેટ નાન="" />
  <xsl:પરમ નામ="ListUrlDir"></xsl:પરમ> <!-- હું એક કવાયત નીચે આધાર માટે આ જરૂર.  -->

  <xsl:નમૂનો મેળ ખાતી="/" xmlns:SharePoint="Microsoft.SharePoint.WebControls" 
 xmlns:__designer=http://schemas.microsoft.com/WebParts/v2/DataView/designer xmlns:નાનો ઝેરી સાપ="HTTP://schemas.microsoft.com/ASPNET/20">
    <xsl:પરિવર્તનશીલ નામ="dvt_StyleName">ટેબલ</xsl:પરિવર્તનશીલ>
    <xsl:પરિવર્તનશીલ નામ="પંક્તિઓ" પસંદ કરો="/dsQueryResponse / પંક્તિઓ / પંક્તિ" />
    <xsl:પરિવર્તનશીલ નામ="dvt_RowCount" પસંદ કરો="ગણતરી($પંક્તિઓ)" />
    <xsl:પરિવર્તનશીલ નામ="IsEmpty" પસંદ કરો="$dvt_RowCount = 0" />
    <xsl:પરિવર્તનશીલ નામ="dvt_IsEmpty" પસંદ કરો="$dvt_RowCount = 0" />

    <xsl:પસંદ કરો>
      <xsl:ક્યારે પરીક્ષણ="$dvt_IsEmpty">
        ગ્રાફ માટે આ બોલ પર કોઈ માહિતી હોય છે!<બીઆર/>
      </xsl:ક્યારે>
      <xsl:અન્યથા>

        <!--
          આ રસપ્રદ સામગ્રી અહીં શરૂ થાય છે.

          અમે ગ્રાફ દરેક પંક્તિ માટે ચલો એક જોડી વ્યાખ્યાયિત કરવા માટે જરૂર: કુલ સંખ્યા
          .
        -->
        <xsl:પરિવર્તનશીલ નામ="totalProposed" પસંદ કરો="ગણતરી(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ સ્થિતિ) = 'સૂચિત'])" />
        <xsl:પરિવર્તનશીલ નામ="percentProposed" પસંદ કરો="$totalProposed DIV $ dvt_RowCount" />

        <xsl:પરિવર્તનશીલ નામ="totalInProcess" પસંદ કરો="ગણતરી(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ સ્થિતિ) = 'પ્રક્રિયામાં'])" />
        <xsl:પરિવર્તનશીલ નામ="percentInProcess" પસંદ કરો="$totalInProcess DIV $ dvt_RowCount" />

        <xsl:પરિવર્તનશીલ નામ="totalStalled" પસંદ કરો="ગણતરી(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ સ્થિતિ) = 'અટકેલ'])" />
        <xsl:પરિવર્તનશીલ નામ="percentStalled" પસંદ કરો="$totalStalled DIV $ dvt_RowCount" />

        <!--
          અમે અહીં અમારા HTML કોષ્ટક વ્યાખ્યાયિત.  હું કેટલાક પ્રમાણભૂત માંથી ઉધાર છું
          .  હું તેને સન્માન જશે
          .
        -->
        <ટેબલ પહોળાઈ="100%" cellspacing="0" સેલપેડીંગ="2"
શૈલી="સરહદ જમણે: 1 ઘન # C0C0C0; સરહદ નીચે: 1 ઘન # C0C0C0; border-left-શૈલી: ઘન; સરહદ ડાબા પહોળાઈ: 1; સરહદ ઉપર શૈલી: ઘન; સરહદ ઉપર પહોળાઈ: 1;">

           <ટીઆર>
            <ટીડી એક હારમાં લાવવું="કેન્દ્ર">
              <ટેબલ સરહદ="1" પહોળાઈ="100%">

                <!--
                  અમે ગ્રાફ કરવા માંગો છો કે જે દરેક સ્થિતિ માટે, we call the "ShowBar" નમૂનો.
                  અમે તે પસાર:
                  1. આ પંક્તિ માટે લેબલ.  આ એક હાયપરલિંક માં રૂપાંતરિત છે.
                  2. ટકા (ઉપરથી ચલ).
                  3. અંતર્ગત યાદીમાંથી કોડ વાસ્તવિક ક્ષેત્ર નામ.  આ
                     .
                  4. માટે મેળ ખાતી ક્ષેત્ર કિંમત #3.
                  5. આ પરિસ્થિતિ કોડ કુલ વસ્તુઓ (બધા નથી ભવ્ય કુલ
                     ).

                  જો તે બહાર કાઢે છે <ટીઆર></ટીઆર> અને આડી લીટી બાર ગ્રાફ.

                  અમે દરેક પરિસ્થિતિ કોડ માટે આ નમૂનો કૉલ અમે જોવા માટે કરવા માંગો છો.
                -->
                <xsl:કોલ નમૂનો નામ="ShowBar">
                  <xsl:સાથે પરમ નામ="BarDisplayLabel" પસંદ કરો="'સૂચિત'"/>
                  <xsl:સાથે પરમ નામ="BarPercent" પસંદ કરો="$percentProposed"/>
                  <xsl:સાથે પરમ નામ="QueryFilterFieldName" પસંદ કરો="'સ્થિતિ'"/>
                  <xsl:સાથે પરમ નામ="QueryFilterFieldValue" પસંદ કરો="'સૂચિત'"/>
                  <xsl:સાથે પરમ નામ="TotalItems" પસંદ કરો="$totalProposed"></xsl:સાથે પરમ>
                </xsl:કોલ નમૂનો>

                <xsl:કોલ નમૂનો નામ="ShowBar">
                  <xsl:સાથે પરમ નામ="BarDisplayLabel" પસંદ કરો="'અટકેલ'"/>
                  <xsl:સાથે પરમ નામ="BarPercent" પસંદ કરો="$percentStalled"/>
                  <xsl:સાથે પરમ નામ="QueryFilterFieldName" પસંદ કરો="'સ્થિતિ'"/>
                  <xsl:સાથે પરમ નામ="QueryFilterFieldValue" પસંદ કરો="'અટકેલ'"/>
                  <xsl:સાથે પરમ નામ="TotalItems" પસંદ કરો="$totalStalled"></xsl:સાથે પરમ>
                </xsl:કોલ નમૂનો>

                <xsl:કોલ નમૂનો નામ="ShowBar">
                  <xsl:સાથે પરમ નામ="BarDisplayLabel" પસંદ કરો="'માં પ્રક્રિયા'"/>
                  <xsl:સાથે પરમ નામ="BarPercent" પસંદ કરો="$percentInProcess"/>
                  <xsl:સાથે પરમ નામ="QueryFilterFieldName" પસંદ કરો="'સ્થિતિ'"/>
                  <xsl:સાથે પરમ નામ="QueryFilterFieldValue" પસંદ કરો="'માં પ્રક્રિયા'"/>
                  <xsl:સાથે પરમ નામ="TotalItems" પસંદ કરો="$totalInProcess"></xsl:સાથે પરમ>
                </xsl:કોલ નમૂનો>

              </ટેબલ>
            </ટીડી>
          </ટીઆર>
        </ટેબલ>
      </xsl:અન્યથા>
    </xsl:પસંદ કરો>
  </xsl:નમૂનો>

  <!--
    આ નમૂનો બાર ગ્રાફ વ્યક્તિગત લીટીઓ પ્રદર્શિત કામ કરે છે.

    તમે કદાચ અહીં તમારા tweaking મોટા ભાગના કરીશ.
  -->
  <xsl:નમૂનો નામ="ShowBar">
    <xsl:પરમ નામ="BarDisplayLabel" /> <!-- બતાવવા માટે લેબલ -->
    <xsl:પરમ નામ="BarPercent"/> <!-- કુલ ટકાવારી. -->
    <xsl:પરમ નામ="QueryFilterFieldName"/> <!-- ક્વેરી માટે કૂદવાનું માટે વપરાય છે & ફિલ્ટર -->
    <xsl:પરમ નામ="QueryFilterFieldValue"/> <!-- ક્વેરી માટે કૂદવાનું માટે વપરાય છે & ફિલ્ટર -->
    <xsl:પરમ નામ="TotalItems" /> <!-- આ barlabel કુલ સભ્યપદ -->

    <ટીઆર>

      <!-- બાર લેબલ પોતે. -->
      <ટીડી વર્ગ="MS-formbody" પહોળાઈ="30%">

        <!--
          નિવેદનો આ આગામી સમૂહ માટે પરવાનગી આપે છે કે જે ક્વેરી શબ્દમાળા બનાવે છે
          .
          અમે અહીં કેટલીક વસ્તુઓ ઉપયોગ કરે છે:
          1. અમે એક સ્તંભ પર ફિલ્ટર કરવા માટે યાદી FilterField1 અને FilterValue1 પસાર કરી શકો છો.
          2. શેરપોઈન્ટ અમને કી પરિમાણ પસાર થયેલ છે, ListUrlDir that points to
             the underlying list against which this DVWP is "running".

          XSL મજા નથી?
        -->
        <xsl:પાઠ અક્ષમ-આઉટપુટ-નીકળતો="હા">
        <![CDATA[<એક href ="]]></xsl:પાઠ>
        <xsl:કિંમત ઓફ પસંદ કરો="$ListUrlDir"/>
        <xsl:પાઠ અક્ષમ-આઉટપુટ-નીકળતો="હા"><![CDATA[?FilterField1 =]]></xsl:પાઠ>
        <xsl:કિંમત ઓફ પસંદ કરો="$QueryFilterFieldName"/>
        <xsl:પાઠ અક્ષમ-આઉટપુટ-નીકળતો="હા"><![CDATA[&FilterValue1 =]]></xsl:પાઠ>
        <xsl:કિંમત ઓફ પસંદ કરો="$QueryFilterFieldValue"/>
        <xsl:પાઠ અક્ષમ-આઉટપુટ-નીકળતો="હા"><![CDATA[">]]></xsl:પાઠ>
        <xsl:કિંમત ઓફ પસંદ કરો="$BarDisplayLabel"/>
        <xsl:પાઠ અક્ષમ-આઉટપુટ-નીકળતો="હા"><![CDATA[</એક>]]></xsl:પાઠ>

        <!-- આગામી બીટ બંધારણ કેટલાક નંબરો બતાવે છે: "(કુલ / % કુલ)" -->
        (<xsl:કિંમત ઓફ પસંદ કરો="$TotalItems"/> /

        <!-- આ અમારા માટે એક સરસ ટકા લેબલ બનાવે છે.  આભારદર્શક શબ્દો, માઈક્રોસોફ્ટ! -->
        <xsl:કોલ નમૂનો નામ="percentformat">
          <xsl:સાથે પરમ નામ="ટકા" પસંદ કરો="$BarPercent"/>
        </xsl:કોલ નમૂનો>)

      </ટીડી>

      <!-- છેલ્લે, એક સ્રાવ બહાર કાઢે છે <ટીડી> બાર પોતાને માટે ટૅગ.-->
      <ટીડી>
        <ટેબલ સેલપેડીંગ="0" cellspacing="0" સરહદ="0"
પહોળાઈ="{ધરપકડ($BarPercent * 100)+1}%">
          <ટીઆર bgcolor="લાલ">
            <xsl:પાઠ અક્ષમ-આઉટપુટ-નીકળતો="હા"><![CDATA[&nbsp;]]></xsl:પાઠ>
          </ટીઆર>
        </ટેબલ>
      </ટીડી>
    </ટીઆર>

  </xsl:નમૂનો>

  <!-- આ અમુક XSL સીધા લેવામાં આવે છે હું એ MS નમૂનો મળી. -->
  <xsl:નમૂનો નામ="percentformat">
    <xsl:પરમ નામ="ટકા"/>
    <xsl:પસંદ કરો>
      <xsl:ક્યારે પરીક્ષણ="બંધારણમાં નંબર($ટકા, '# # # # 0%;-#,##0%')= 'નાન'">0%</xsl:ક્યારે>
      <xsl:અન્યથા>
        <xsl:કિંમત ઓફ પસંદ કરો="બંધારણમાં નંબર($ટકા, '# # # # 0%;-#,##0%')" />
      </xsl:અન્યથા>
    </xsl:પસંદ કરો>
  </xsl:નમૂનો>

</xsl:સ્ટાઇલશીટ>

પરિણામો:

ઉપર ના XSL આ ગ્રાફ બનાવે છે:

છબી

પરિસ્થિતિ કોડ પર ક્લિક કરીને પાયાની માહિતી માટે નીચે વ્યાયામ:

છબી

છેવટનું વિચારો:

આ સામાન્યીકરણ થઈ શકે?

હું આ આલેખન ખ્યાલ પ્રેમ, but I hate the fact that I have to go in and do so much hand-coding. I’ve given a little thought to whether it can be generalized and I’m optimistic, but I’m also a little fearful that there may be a brick wall somewhere along the path that won’t offer any work-around. If anyone has some good ideas on this, ટિપ્પણીઓ એક નોંધ કરવી અથવા તો કૃપા કરીને મને ઇમેઇલ.

વર્ટિકલ આલેખ:

This is a horizontal bar graph. It’s certainly possible to create a vertical graph. We just need to change the HTML. I would start the same way: Create an HTML representation of a vertical bar graph and then figure out how to get that via XSL. If anyone is interested in that, I could be persuaded to try it out and work out the kinks. If someone has already done that, મને જણાવો અને હું રાજીખુશીથી તમારા બ્લોગ પર લિંક કરીશું કૃપા કરીને 🙂

હું એક વર્ટિકલ ગ્રાફ સાથે પડકાર ગ્રાફ માટે લેબલો મેનેજ કરવા માટે વધુ મુશ્કેલ છે કે લાગે છે કે, પરંતુ ચોક્કસપણે અશક્ય નથી.

ક્ષેત્ર નામ Gotcha માતાનો:

તમારી ક્ષેત્ર નામો સાથે બહાર જોવા માટે ઓછામાં ઓછા બે બાબતો છે.

પ્રથમ, a field name with a space has to be escaped in the XSL. This will probably be an issue here:

        <xsl:પરિવર્તનશીલ નામ="totalProposed" 
 પસંદ કરો="ગણતરી(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ સ્થિતિ) = 'સૂચિત'])" />

If your "Status" column is actually named "Status Code" then you need to reference it as "Status_x0020_Code":

   <xsl:પરિવર્તનશીલ નામ="totalProposed" 
 પસંદ કરો="ગણતરી(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ Status_x0020_Code) = 'સૂચિત'])" />

બીજું, અને હું આ પર થોડું ઝાંખું છું, but you also need to be on the alert for field name changes. If you name your field "Status Code" અને પછી પાછળથી, rename it to "AFE Status", the "internal name" does not change. The internal name will still be "Status Code" and must be referenced as "Status_x0020_Code". The "other resources" કડીઓ સમસ્યા આ પ્રકારના નિદાન અને સુધારવા મદદ કરી શકે છે.

તે રંગ વિશે:

I picked "red" because it’s pleasing to me at the moment. It would not be a big deal to show different colors so as to provide more than just a visual description of a number, but to also provide a useful KPI. ઉદાહરણ તરીકે, if the percentage of "stalled" AFE માતાનો છે > 10% પછી તે લાલ બતાવો, otherwise show it in black. વાપરવું <xsl:પસંદ કરો> આ પરિપૂર્ણ કરવા માટે.

અન્ય સ્રોતો:

પરિવર્તન ખુશ!

<ઓવરને />

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો!

17 પર "વિચારોSharePoint માં બાર આલેખ બનાવો”

  1. ક્રિસ બી

    આ પાનું લગભગ હું માટે જોઈ હતી કાર્ય પૂર્ણ.

    હું એક સાપ્તાહિક મતદાન બનાવવા માટે શેરપોઈન્ટ સર્વે યાદી ઉપયોગ કરવા માંગે છે કે જે એક જૂથ છે. આ કેચ? તેઓ કોડ જોવા માંગો છો નથી… અથવા સિસ્ટમ તેઓ મતદાન મોકલી દર વખતે બદલી (સાપ્તાહિક સુધારા માટે આયોજન).

    હું સર્વે યાદી આ સાથે જોડાવા અને પ્રથમ જવાબ સ્તંભ પર આલેખ બનાવવા માટે સક્ષમ હતી. તેઓ આગળ વધવા પડશે કે મૂલ્યો અને લેબલ્સ છે છતાં હું નથી આગાહી કરી શકો છો શું. ખરાબ બાબતો બનાવવા માટે તેઓ દરેક અઠવાડિયે ઉપલબ્ધ વધુ કે ઓછું જવાબો હોઇ શકે છે.

    હું માત્ર કેસ અન્યત્ર જોવા મળશે, પરંતુ કોઈને ઉપલબ્ધ વિકલ્પોની સંખ્યા બોલ આધારિત છે અને ગતિશીલ આ સેટિંગ બદલે હાર્ડ અપેક્ષિત કિંમતો કોડિંગ પંક્તિઓ અને લેબલ્સ બનાવવા માટે માર્ગ શોધી છે?

    જવાબ ↓
  2. ગ્રેગ Laushine

    આભાર પીડી. ખૂબ જ ઉપયોગી. તમારા કામ માટે આભાર, હું હાલની DVWP માટે ગ્રાફ બાર સ્તંભ ઉમેરવા માટે સક્ષમ હતી (e.g. કાર્યો માટે) ખૂબ જ સરળતાથી તમારો કોડ માત્ર થોડા લાઇન સાથે.
    શેરપોઈન્ટ ડિઝાઈનર ઈંચ, હું શીર્ષક સાથે ડેટા જુઓ શામેલ અને % એક કાર્ય સૂચિ સંપૂર્ણ કૉલમ. હું કોષો એક કર્સર મૂકવા અને જમણી ક્લિક કરો. હું જમણી એક કૉલમ સામેલ પસંદ કરો. કોડ દૃશ્યમાં, હું મળી <ટીડી> અને બદલી <xsl:તમારો કોડ સાથે સેલ અંદર લખાણ તત્વ:
    <ટેબલ = સેલપેડીંગ"0" = cellspacing"0" સરહદ ="0"
    width="{ધરપકડ(@ PercentComplete * 100)+1}%">
    <tr style="background-color:red">
    <xsl:text disable-output-escaping="yes"><![CDATA[&nbsp;]]></xsl:પાઠ>
    </ટીઆર>
    </ટેબલ>

    Note I changed the row color code from bgcolor="red" to style="background-color:લાલ"
    પણ, મારા યાદીમાં કૉલમ એક પસંદ કરવા સક્ષમ હતી (@ PercentComplete) in place of "$BarPercent"
    ગ્રેગ

    જવાબ ↓
  4. વોલ્ફગેંગ
    પોલ, આ માટે આભાર! હું તમને શું એક ચોક્કસ નકલ બનાવનાર અને તે લગભગ સંપૂર્ણ રીતે કામ કરે છે. There was one tiny issue in row the 2nd paragraph of your code:
    <xsl:template match="/" xmlns:SharePoint="Microsoft.SharePoint.WebControls"
    xmlns:__designer =http://schemas.microsoft.com/WebParts/v2/DataView/designer xmlns:નાનો ઝેરી સાપ ="http://schemas.microsoft.com/ASPNET/20"&gt;
    તમે મૂકવામાં જરૂર http://schemas.microsoft.com/WebParts/v2/DataView/designer in quotes.
    હું તે વશીકરણ જેમ કામ કરે છે કે જે સુધારાઈ પછી! હવે હું મારા પોતાના યાદી અને પરિસ્થિતિ માટે આ સ્વીકારવાનું કરશે પરંતુ હું તે હાર્ડ માટે રહેશે નહીં તેની ખાતરી છું. (મને પરિણામ પોસ્ટ કરશે)
    આભાર ફરી
    ~ Wolle
    જવાબ ↓
  5. કોઈ નામ
    પ્રશ્ન –
    શું મારા ગ્રાફ માં જો, હું માત્ર એક પરિસ્થિતિ ગણતરી પરંતુ ઘણી રાશિઓ ગણતરી ન કરવા માટે ચલની ઇચ્છતા?
    તેથી, ઉદાહરણ માટે હું તો —
    <xsl:variable name="RequestsInitialized"
    select="count(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ સ્થિતિ)=’WIP’])" />
    –આ બાબત એ છે કે, I want it to count instances of ‘WIP’, but i also want this variable to count something else like ‘Pending Review’.. how would i do this?
    આભારદર્શક શબ્દો!
    જવાબ ↓
  6. Murty Srirangam
    મહત્તમ પીડી,
    Iam really this is really a great effort by you. તમે મને આ કોડ પોસ્ટ કરશે સમજાવવા કૃપા કરીને કરી શકો છો. હું ચાર નવી ફાઈલો સાથે prjoect બનાવેલ છે. પછી તમે મારે શું કરવું જોઈએ વધુ વિગતવાર સમજાવવા કરી શકો છો.
    આભાર
    Murty
    જવાબ ↓
  8. એન્ડ્રુ કેરિંગટન
    મહત્તમ, હું તે વપરાશકર્તા જાણકારી સામે કાર્ય સૂચિ માં કાર્યો આલેખ દર્શાવે છે કે સહેજ જેથી આ સંશોધિત કરવાનો પ્રયાસ કરી રહ્યો છું. જો તે વપરાશકર્તા હાજરી સ્તંભ છે, જે @ AssignedTo નામની એક કૉલમ વાપરે છે. હું તે teh તે કિંમતો ગણતરી અને પ્રદર્શિત કરવા માટે વિચાર HTML પરંતુ પોકળ વાણી રેન્ડર પ્રદર્શિત કરવા માટે વિચાર કરી શકો છો.
    કોઈપણ વિચારો?
    આભારદર્શક શબ્દો
    એન્ડી
    જવાબ ↓
  9. Patrik લુકા લખ્યું:
    મહત્તમ પીડી,
    મહાન પોસ્ટ!
    એક પ્રશ્ન:
    હું એક જ સમયે બે ક્ષેત્રો પર ફિલ્ટર કરવા માંગો છો: કેવી રીતે આ પ્રાપ્ત કરી શકાય છે?
    ઉદાહરણ તરીકે, તમારા ચલો એક totalStalled તરીકે ઓળખાય છે અને તે @ સ્થિતિ પર ફિલ્ટર છે.
    હું બીજા ક્ષેત્ર પર પરત રેકોર્ડ મારા નંબર ઘટાડવા માટે જ સમયે ફિલ્ટર કરવા માંગો છો.
    I already found how to make an ‘OR’, but I donnot manage to find the ‘AND’
    An ‘OR’ આ જેમ પ્રાપ્ત કરી શકાય છે:
    <xsl:variable name="totalStalled" select="count(/dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ સ્થિતિ) = ‘Stalled’] | /dsQueryResponse / પંક્તિઓ / પંક્તિ[સામાન્ય-જગ્યા(@ ExtraFilterField) = ‘value’])" />
    જવાબ ↓
  10. માઇક culp
    આભાર પીડી. Also take a look here:

    http://www.microsoft.com/sharepoint/downloads/components/detail.asp?a1=701ઇયાન Morrish મે આ પોસ્ટ 2006. હું શેવાળમાં પ્રયાસ કર્યો 2007 અને તે સારી રીતે કામ કરે. જીએસી ઉમેર્યું, execadmsvcjobs અને iisreset હતી…

    જવાબ ↓
  16. નિખાલસ

    હું શેરપોઈન્ટ માં 'ની મદદથી ડેશબોર્ડ્સના હોય’ પ્રશ્ન. અમે અમારી ઇન્ટ્રાનેટ મોસ ધોરણ મદદથી લશ્કરી હોસ્પિટલ છે અને અમારા આદેશનો ગ્રુપ માટે 'વાસ્તવિક સમય જોવા માટે ડેશબોર્ડ બીલ્ડ કરવા માંગો છો’ જો શક્ય હોય તો. મુખ્ય મુદ્દાઓમાંના એકને સુવિધા અંદર પ્રત્યક્ષ સમયનો વર્તમાન વર્કલોડ જોઈ અને શાબ્દિક તે નીચે અપ બદલવા અને ઘડિયાળ છે, (ક્લિક કરી શકો છો “તાજું કરવું”/F5).

    અગાઉથી આભાર,

    જવાબ ↓

જવાબ છોડો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. જરૂરી ક્ષેત્રો ચિહ્નિત થયેલ છે *