Ana içeriğe geç

Sütun Grafiği

Verileri görselleştirmek için dikey sütun grafiği. Veriler veri modelinden alınır; sütun tanımları, verilerin grafik öğeleriyle nasıl eşleştirileceğini belirtir.

Sütun Tanımları

Bir sütun tanımı, grafikteki tek bir sütunu belirtir. Özelliğiyle eşleşen her veri öğesi için XPath yeni bir sütun oluşturulur. Sütunun değeri ValueXPathile, etiketi ise LabelXPath.

Bir sütun için statik etiket görüntülemek üzere, istediğiniz etiket metnini LabelXPath özelliğinin içinde tek tırnak içine alın. Örneğin, bir çubuğu "Satışlar" olarak etiketlemek için LabelXPath değerini 'Sales'.

X ekseni değerlerinin biçimini 'Numeric' veya 'Date' olarak XAxisValueFormat özelliği tanımlar.

XML Alanları

  • XPath form verisi bağlamını oluşturur. Width, Heightve Title/Content grafik çerçevesini ve başlığını denetler.
  • XAxisValueFormat Değer ekseninin biçimlendirmesi olarak Numeric veya Date seçer. XAxisLabel/Content ve YAxisLabel/Content eksen başlıklarını sağlar.
  • Her Columns/Column bir seri tanımlar. XPath kaynak koleksiyonu, DataXPath ise içindeki satırları seçer (* doğrudan alt öğelerini seçer).
  • ValueXPath, LabelXPathile CategoryXPath değeri, görüntü etiketini ve gruplama değerini seçer. Tırnak içine alınmış LabelXPath statik bir etikettir.

ColumnChart yalnızca görüntüleme amaçlıdır ve kaynak verileri değiştirmeden bu yolları okur.

Örnek

Satış verilerini temsil eden bir veri modeli olduğunu varsayalım:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<Lines>
    <Line>
        <Count>5</Count>
        <Name>Apple</Name>
        <Category>Store</Category>
    </Line>
    <Line>
        <Count>5</Count>
        <Name>Apple</Name>
        <Category>WebSite</Category>
    </Line>
    <Line>
        <Count>2</Count>
        <Name>T-Shirt</Name>
        <Category>WebSite</Category>
    </Line>
    <Line>
        <Count>2</Count>
        <Name>T-Shirt</Name>
        <Category>Store</Category>
    </Line>
    <Line>
        <Count>1</Count>
        <Name>Pants</Name>
        <Category>Store</Category>
    </Line>
    <Line>
        <Count>1</Count>
        <Name>Pants</Name>
        <Category>WebSite</Category>
    </Line>
</Lines>

Aşağıdaki BarChart yapılandırması bu verileri görüntüler:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<ColumnChart Width="" Height="" XPath="">
    <Title>
        <Content><![CDATA[Sales]]></Content>
    </Title>
    <XAxisValueFormat>Numeric</XAxisValueFormat>
    <XAxisLabel>
        <Content><![CDATA[Count]]></Content>
    </XAxisLabel>
    <YAxisLabel>
        <Content><![CDATA[Sales]]></Content>
    </YAxisLabel>
    <Columns>
        <Column>
            <XPath><![CDATA[Lines]]></XPath>
            <DataXPath><![CDATA[*]]></DataXPath>
            <ValueXPath><![CDATA[Count]]></ValueXPath>
            <LabelXPath><![CDATA[Name]]></LabelXPath>
            <CategoryXPath><![CDATA[Category]]></CategoryXPath>
        </Column>
    </Columns>
</ColumnChart>

Bu yapılandırma, her sütunun bir ürünü temsil ettiği; yüksekliğinin Count değerine göre belirlendiği ve ürünün Nameetiketiyle gösterildiği, ayrıca Category.

grafik