Ana içeriğe geç

Pasta Grafik

PieChart bileşeni verileri görsel olarak pasta grafik biçiminde görüntüler. Veriler veri modelinden alınır; pasta tanımları verilerin grafik öğelerine nasıl eşleneceğini belirtir.

Pasta Tanımları

Bir pasta tanımı, grafik içindeki tek bir pastayı belirtir. Şu özellikle eşleşen her veri öğesi için XPath yeni bir pasta oluşturulur. Pastanın değeri ValueXPathile, etiketi ise LabelXPath.

Pasta grafiğinde statik bir etiket göstermek için istediğiniz etiket metnini tek tırnak içine alarak LabelXPath Örneğin, pasta grafiğini “Sales” olarak etiketlemek için LabelXPath olarak ayarlayın. 'Sales'.

ValueUnitXPath değerin birimini görüntülemek için kullanılır.

XML Alanları

  • XPath form verisi bağlamını oluşturur. Width, Heightve Title/Content grafik çerçevesini ve başlığını denetler.
  • DataFormat şu şekilde saklanır: Percent veya Value. Geçerli istemci tarafı görüntüleme bu ayar için çıktıyı değiştirmez; bu nedenle dilim etiketini değiştirmek için bu ayara güvenmeyin.
  • Her Pies/Pie bir dilim kaynağı tanımlar. XPath satırları seçer; ValueXPath dilim değerini sağlar ve LabelXPath etiketini sağlar. ValueUnitXPath grafik bağlamından değerlendirilir ve pasta serisinin birimini sağlar.

PieChart yalnızca görüntüleme amaçlıdır. Yapılandırılmış verileri okur ve değiştirmez.

Örnek

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<RootCauses>
    <Row>
        <Name>Materials</Name>
        <Count>1</Count>
    </Row>
    <Row>
        <Name>Workforce</Name>
        <Count>1</Count>
    </Row>
    <Row>
        <Name>Insufficient Capacity</Name>
        <Count>2</Count>
    </Row>
</RootCauses>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<PieChart DataFormat="Percent" Width="" Height="200" XPath="RootCauses">
    <Title>
        <Content><![CDATA[Root Causes]]></Content>
    </Title>
    <Pies>
        <Pie>
            <XPath><![CDATA[Row]]></XPath>
            <ValueXPath><![CDATA[Count]]></ValueXPath>
            <ValueUnitXPath><![CDATA['Count']]></ValueUnitXPath>
            <LabelXPath><![CDATA[Name]]></LabelXPath>
        </Pie>
    </Pies>
</PieChart>

Bu yapılandırma aşağıdaki pasta grafiğini oluşturur:

grafik