====== API: Grafikoni ======

API-referenca za diagrame in vizualizacije.

===== TWvdSChart =====

Osnovni Chart kontrolnik za vse vrste diagramov.

==== Namespace ====

''WvdS.UI.Controls.Charts''

==== PXAML ====

<code xml>
<Chart Title="Sales Overview">
  <Chart.Series>
    <LineSeries Title="Revenue"
                ArgumentDataMember="Month"
                ValueDataMember="Revenue"
                DataSource="{Binding SalesData}" />
    <BarSeries Title="Orders"
               ArgumentDataMember="Month"
               ValueDataMember="OrderCount"
               DataSource="{Binding SalesData}" />
  </Chart.Series>
  <Chart.Legend Position="Right" />
</Chart>
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Title | string | '' | Naslov diagrama |
^ Series | TWvdSSeriesCollection | nil | Podatkovne serije |
^ Legend | TWvdSLegend | nil | Legenda |
^ AxisX | TWvdSAxis | nil | Os X |
^ AxisY | TWvdSAxis | nil | Os Y |
^ Palette | TWvdSPalette | nil | Barvna paleta |
^ EnableZoom | Boolean | False | Povečava omogočena |
^ EnablePan | Boolean | False | Premikanje omogočeno |

==== Dogodki ====

| Dogodek | Podpis | Opis |
^ OnSeriesClick | TSeriesClickEvent | Klik na podatkovno točko |
^ OnLegendClick | TLegendClickEvent | Klik na legendo |

----

===== TWvdSSparkline =====

Kompaktni vrstični diagrami.

==== Namespace ====

''WvdS.UI.Controls.Charts''

==== PXAML ====

<code xml>
<Sparkline Type="Line"
           Data="{Binding TrendData}"
           Width="100" Height="20" />
<Sparkline Type="Bar"
           Data="{Binding Values}"
           HighlightMin="True" HighlightMax="True" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Type | TWvdSSparklineType | stLine | Line, Bar, WinLoss, Area |
^ Data | TDoubleArray | nil | Podatkovne točke |
^ HighlightMin | Boolean | False | Označi minimum |
^ HighlightMax | Boolean | False | Označi maksimum |
^ NegativeColor | TWvdSColor | clRed | Barva za negativne vrednosti |

----

===== Tipi serij =====

Vse serije delijo skupne osnovne lastnosti:

| Lastnost | Tip | Opis |
^ Title | string | Naslov serije |
^ DataSource | IEnumerable | Vir podatkov |
^ ArgumentDataMember | string | Polje za X-vrednost |
^ ValueDataMember | string | Polje za Y-vrednost |
^ Color | TWvdSColor | Barva |
^ Visible | Boolean | Vidno |

----

===== TWvdSLineSeries =====

Črtni diagram.

==== PXAML ====

<code xml>
<LineSeries Title="Temperature"
            ArgumentDataMember="Date"
            ValueDataMember="Temp"
            MarkerType="Circle"
            LineStyle="Solid" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ MarkerType | TWvdSMarkerType | mtNone | None, Circle, Square, Triangle |
^ MarkerSize | Integer | 8 | Velikost označevalca |
^ LineStyle | TWvdSLineStyle | lsSolid | Solid, Dash, Dot |
^ LineWidth | Integer | 2 | Debelina črte |

----

===== TWvdSAreaSeries =====

Površinski diagram.

==== PXAML ====

<code xml>
<AreaSeries Title="Revenue"
            ArgumentDataMember="Month"
            ValueDataMember="Amount"
            Opacity="0.7" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Opacity | Double | 0.5 | Prosojnost (0-1) |
^ ShowLine | Boolean | True | Prikaži zgornjo črto |

----

===== TWvdSBarSeries =====

Stolpčni diagram.

==== PXAML ====

<code xml>
<BarSeries Title="Sales"
           ArgumentDataMember="Product"
           ValueDataMember="Quantity"
           BarWidth="0.8" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ BarWidth | Double | 0.6 | Širina stolpca (0-1) |
^ CornerRadius | Integer | 0 | Polmer vogalov |
^ ShowLabels | Boolean | False | Prikaži vrednosti |

----

===== TWvdSPieSeries =====

Tortni diagram.

==== PXAML ====

<code xml>
<Chart>
  <PieSeries ArgumentDataMember="Category"
             ValueDataMember="Value"
             InnerRadius="0"
             StartAngle="0"
             ShowLabels="True" />
</Chart>
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ InnerRadius | Double | 0 | Luknja za krof (0=torta) |
^ StartAngle | Double | 0 | Začetni kot |
^ ShowLabels | Boolean | True | Prikaži oznake |
^ ExplodeOffset | Double | 0 | Odmik segmentov |

----

===== TWvdSFunnelSeries =====

Lijakasti diagram za prodajne lijake.

==== PXAML ====

<code xml>
<Chart>
  <FunnelSeries ArgumentDataMember="Stage"
                ValueDataMember="Count"
                NeckHeight="0.3"
                NeckWidth="0.3" />
</Chart>
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ NeckHeight | Double | 0.3 | Višina vratu (0-1) |
^ NeckWidth | Double | 0.3 | Širina vratu (0-1) |
^ GapRatio | Double | 0 | Razmik med segmenti |

----

===== TWvdSScatterSeries =====

Raztreseni diagram.

==== PXAML ====

<code xml>
<ScatterSeries ArgumentDataMember="X"
               ValueDataMember="Y"
               MarkerType="Circle"
               MarkerSize="10" />
</code>

----

===== TWvdSBubbleSeries =====

Mehurčkasti diagram.

==== PXAML ====

<code xml>
<BubbleSeries ArgumentDataMember="X"
              ValueDataMember="Y"
              SizeDataMember="Size"
              MinBubbleSize="10"
              MaxBubbleSize="50" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ SizeDataMember | string | '' | Polje za velikost mehurčka |
^ MinBubbleSize | Integer | 10 | Minimalna velikost mehurčka |
^ MaxBubbleSize | Integer | 50 | Maksimalna velikost mehurčka |

----

===== TWvdSCandlestickSeries =====

Svečni diagram za borzne podatke.

==== PXAML ====

<code xml>
<CandlestickSeries ArgumentDataMember="Date"
                   OpenDataMember="Open"
                   HighDataMember="High"
                   LowDataMember="Low"
                   CloseDataMember="Close" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ OpenDataMember | string | '' | Odpiralni tečaj |
^ HighDataMember | string | '' | Najvišji tečaj |
^ LowDataMember | string | '' | Najnižji tečaj |
^ CloseDataMember | string | '' | Zaključni tečaj |
^ UpColor | TWvdSColor | clGreen | Barva pri dobičku |
^ DownColor | TWvdSColor | clRed | Barva pri izgubi |

----

===== TWvdSRadarSeries =====

Radarski/pajkasti diagram.

==== PXAML ====

<code xml>
<Chart ChartType="Radar">
  <RadarSeries ArgumentDataMember="Skill"
               ValueDataMember="Score"
               Fill="True"
               FillOpacity="0.3" />
</Chart>
</code>

----

===== TWvdSTreeMapSeries =====

TreeMap vizualizacija.

==== PXAML ====

<code xml>
<Chart ChartType="TreeMap">
  <TreeMapSeries LabelDataMember="Name"
                 ValueDataMember="Size"
                 GroupDataMember="Category" />
</Chart>
</code>

----

===== TWvdSSankeyDiagram =====

Sankey pretočni diagram.

==== PXAML ====

<code xml>
<SankeyDiagram DataSource="{Binding FlowData}"
               SourceDataMember="From"
               TargetDataMember="To"
               WeightDataMember="Value" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ SourceDataMember | string | '' | Izvorno vozlišče |
^ TargetDataMember | string | '' | Ciljno vozlišče |
^ WeightDataMember | string | '' | Moč pretoka |

----

===== TWvdSWaterfallSeries =====

Slapovni diagram.

==== PXAML ====

<code xml>
<WaterfallSeries ArgumentDataMember="Category"
                 ValueDataMember="Change"
                 StartValue="1000"
                 ShowTotal="True" />
</code>

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ StartValue | Double | 0 | Začetna vrednost |
^ ShowTotal | Boolean | True | Prikaži skupno vsoto |
^ PositiveColor | TWvdSColor | clGreen | Barva pozitivno |
^ NegativeColor | TWvdSColor | clRed | Barva negativno |

----

===== Glejte tudi =====

  * [[.:control-bibliothek|Knjiznica kontrolnikov]]
  * [[.:api-controls-gauges|API merilnikov]]
  * [[.:api-controls-data|API podatkovnih kontrolnikov]]