Ana içeriğe geç

Sütun Grafiği

Veri görselleştirme 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ı, grafik içindeki tek bir sütunu belirtir. Şu özellikle eşleşen her veri öğesi için yeni bir sütun oluşturulur XPath özellik; sütunun değeri şu özellik tarafından belirlenir: ValueXPathetiketi ise şu özellik tarafından belirlenir: LabelXPath.

Bir sütun için statik bir etiket görüntülemek üzere, istenen etiket metnini LabelXPath özelliğinin içinde tek tırnak işaretleri arasına alın. Örneğin, bir çubuğu "Satışlar" olarak etiketlemek için şunu ayarlayın: LabelXPath değerine 'Sales'.

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

XML Alanları

  • XPath Form verisi bağlamını belirler. Width, Height, ve Title/Content grafik çerçevesini ve başlığını denetler.
  • XAxisValueFormat değer ekseninin Numeric veya Date biçimlendirmesini seçer. XAxisLabel/Content ve YAxisLabel/Content eksen açıklamalarını sağlar.
  • Her biri Columns/Column bir seriyi tanımlar. XPath kaynak koleksiyonu seçer ve DataXPath içindeki satırları seçer (* doğrudan alt öğelerini seçer).
  • ValueXPath, LabelXPath, ve CategoryXPath değeri, görüntü etiketini ve gruplama değerini seçer. Tırnak içine alınmış bir LabelXPath statik 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 modelini ele alalı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 ve yüksekliğinin şu değer tarafından belirlendiği bir sütun grafiği oluşturur: Count değeri; sütunlar ürün Nameadına göre etiketlenir ve şu değere göre gruplanır: Category.

grafik