Ana içeriğe geç

Pasta Grafik

PieChart bileşeni verileri görsel olarak pasta grafik biçiminde görüntüler. Veriler, grafik öğelerine nasıl eşleneceklerini belirten pasta tanımlarıyla birlikte veri modelinden alınır.

Pasta Tanımları

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

belirlenir. Bir pasta için statik bir etiket görüntülemek üzere istediğiniz etiket metnini tek tırnak içine alarak LabelXPath özelliğinin içine yazın. Örneğin, bir pastayı "Sales" olarak etiketlemek için LabelXPath değerini 'Sales'.

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

XML Alanları

  • XPath Form verisi bağlamını belirler. Width, Height, ve Title/Content grafik çerçevesini ve başlığını denetler.
  • DataFormat şu şekilde depolanır: Percent veya Value. Geçerli istemci tarafı görüntüleme bu ayardaki çıktıyı değiştirmez; bu nedenle dilim etiketini değiştirmek için bu ayara güvenmeyin.
  • Her Pies/Pie bir dilim kaynağını 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ılan 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ği oluşturur:

grafik