Sie befinden sich hier: start » sl » Interna dokumentacija » vsce » fpc » WvdS FPC RAD Studio - Dokumentacija za razvijalce » API: Grafikoni

Inhaltsverzeichnis

API: Grafikoni

API-referenca za diagrame in vizualizacije.

TWvdSChart

Osnovni Chart kontrolnik za vse vrste diagramov.

Namespace

WvdS.UI.Controls.Charts

PXAML

<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>

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

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

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

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

TWvdSTreeMapSeries

TreeMap vizualizacija.

PXAML

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

TWvdSSankeyDiagram

Sankey pretočni diagram.

PXAML

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

Lastnosti

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

TWvdSWaterfallSeries

Slapovni diagram.

PXAML

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

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

Zuletzt geändert: dne 29.01.2026 ob 22:25

Seiten-Werkzeuge