Panolar, analizler ve alım satım ekranları için tek bir grafik kütüphanesi. Çizgiden şelale grafiğine on yedi seri türü, SMA, RSI, MACD ve Bollinger göstergeleri, canlı akışlar, yakınlaştırma ve çizim araçları, PNG veya SVG dışa aktarma. LiveLine demosu 1.000.000 noktayı bir halka tampon üzerinden akıtır.
Yedi grupta on sekiz yetenek. Her biri gerçek bileşeni veya özelliği adıyla belirtir ve yardım konusuna bağlanır. Kayıtlı olarak işaretlenen özellikler ücretsiz .NET Community sürümünde yoktur.
Tek model, on yedi seri türü, verinin gerektirdiği kadar eksen.
Grafik türleri
Bir satış ekranı çubuk ve halka, bir laboratuvar ekranı dağılım ve ısı haritası, bir alım satım ekranı mum ister. sgcCharts hepsini tek modelle karşılar: her seri, forma bıraktığınız veya kodda oluşturduğunuz, bir TsgcChart bileşenine bağlayıp diğerleriyle özgürce karıştırabileceğiniz bir bileşendir. API'yi bir kez öğrenin, her ekranda yeniden kullanın.
TsgcChartSeries_Bar dikey veya yatay, gruplanmış veya yığılmış çubuklar çizer (Grouping)MirrorPlot çizimi ve eksenlerini de yansıtır
Grafik türleri
Yönetim raporları paylar, hiyerarşiler ve dönüşüm aşamaları ister. Pasta serisi tek bir özellikle halkaya dönüşür ve küçük dilimlerin uzun kuyruğunu tek bir Diğer dilimine katarak grafiği okunaklı tutar. Ağaç haritası iç içe dikdörtgenleri değere göre boyutlandırır ve tıklamayla ayrıntıya iner, huni ise bir satış veya destek sürecinin her aşamasını yüzdesiyle gösterir. Etiketler dilimlerin içinde veya dışında yer alabilir, ağaç haritası dikdörtgenlerini gruba veya bir renk ölçeğiyle değere göre renklendirir. Her seri grafik temasını izler, böylece rapor uygulamanın geri kalanıyla uyumlu olur.
InnerRadiusPercent halkayı oluşturur, OthersThreshold ve OthersText küçük dilimleri gruplarExplodeOnClick kullanıcı tıkladığında bir dilimi dışarı çekerDrillOnClick, DrillUp ve OnDrill olayıyla TsgcChartSeries_TreemapNeckWidthPercent ve ProportionalHeight ile TsgcChartSeries_FunnelGrafik türleri
Bir finans ekibi bütçeden gerçekleşene kâr köprüsünü, bir kalite mühendisi vardiya başına çevrim süresi dağılımını, bir ürün yöneticisi ise gelir, marj ve kadroyu tek grafikte görmek ister. Dört seri bu durumları karşılar. Balon serisi X ve Y'ye bir boyut ekler. Kutu grafiği bir örneği çeyrekleri, medyanı ve aykırı değerleriyle özetler. Şelale grafiği, pozitif ve negatif adımlardan, aradaki ara toplamlar ve toplamlarla bir toplam oluşturur. Aralık alanı, bir tahmin aralığı veya tolerans koridoru için alt ve üst değer arasındaki bandı doldurur.
TsgcChartSeries_Bubble; AddBubble, MinBubbleSize, MaxBubbleSize ve SizeMode ile, alana (cbsArea) veya çapa (cbsDiameter) göre boyutlandırılırTsgcChartSeries_BoxPlot en küçük değeri, çeyrekleri, medyanı, en büyük değeri ve isteğe bağlı ortalamayı çizer; AddValues çeyrekleri ham örnekten Excel QUARTILE.INC gibi hesaplar ve Tukey aykırı değerlerini bulurTsgcChartSeries_Waterfall; AddStep, AddSubtotal, AddTotal ve ShowConnectors ileTsgcChartSeries_RangeArea; alt ve üst bant için AddRange ileGrafik türleri
Bir laboratuvar raporu her ölçümü belirsizliğiyle gösterir, bir panodaki eğilim de zikzak yerine eğri olarak daha iyi okunur. Bir çizgi, alan veya aralık alanı serisinde Smooth değerini ayarlayın, seri monoton kübik eğri olarak çizilsin. Eğri verinin dışına taşmaz, bu yüzden değerlerde olmayan bir tepe veya çukur göstermez. Hata çubukları, her noktanın belirsizliğini çizgi, alan, dağılım ve çubuk serilerine ekler; sabit bir değerden, yüzdeden, serinin standart sapmasından veya nokta başına kendi değerlerinizden gelebilir.
TsgcChartSeries_Line, TsgcChartSeries_Area ve TsgcChartSeries_RangeArea üzerinde SmoothErrorBars.Kind: cebFixed, cebPercent, cebStdDev veya AddCustom ile cebCustomDirection: cedBoth, cedPlus veya cedMinus, uç başlıkları CapWidth ile boyutlandırılır
Grafik türleri
Sıcaklık ve basınç, gelir ve adet, fiyat ve hacim: gerçek veriler nadiren tek bir ölçeği paylaşır. İhtiyacınız kadar eksen ekleyin, sola, sağa, üste veya alta yerleştirin ve her seriyi kendi çiftine bağlayın. Her eksen kendi türünü, aralığını ve etiket biçimini seçer; böylece tarih saat türünde bir alt eksen, sayısal bir sol eksenin ve logaritmik bir sağ eksenin altında durabilir. Her seri kullandığı eksenleri belirtir, bu yüzden iki çizgi sol ekseni paylaşırken üçüncüsü sağ ekseni kullanabilir. Eksenler bağımsız yakınlaşır ve ResetZoom hepsini tam aralığa döndürür.
TsgcChart üzerinde Axes koleksiyonu, ölçek başına bir TsgcChartAxisAxisType: catNumeric, catLogarithmic, catDateTime veya catCategoryPosition: capLeft, capRight, capTop veya capBottomMinimum, Maximum, Automatic, LabelFormat ve InvertedHer sürümde mumlar, ayrıca finansal paket: göstergeler, paneller, işaretçiler ve çizim araçları.
Finansal grafikler
Fiyat geçmişi her alım satım ekranının çekirdeğidir. Mum ve OHLC serileri açılış, yüksek, düşük ve kapanış değerlerini kendi verinizden veya bir veri kümesinden tarih saat ekseninde çizer. Yıllarca süren çubuklar dar bir pencereyle karşılaştığında, aynı piksel sütununa düşen mumlar tek bir doğru mumda birleştirilir (ilk açılış, en yüksek, en düşük, son kapanış, toplanan hacim); böylece grafik hiçbir zaman yanıltıcı bir sivri uç göstermez. OHLC serisi aynı veriyi açılış ve kapanış çentikli çubuklar olarak çizer, uzun geçmişler için kompakt bir seçimdir. Her iki seri de her grafiğin yakınlaştırma, kaydırma ve artı imleciyle çalışır.
TsgcChartSeries_Candlestick ve TsgcChartSeries_OHLC tek bir OHLC tamponunu paylaşırTsgcChartDataSource_DataSet bileşeni OpenField, HighField, LowField, CloseField ve VolumeField alanlarını eşlersgcChartDecimateOHLC ile mumların piksel sütunu birleştirmesi
Finansal grafikler Yalnızca Kayıtlı
Analistler fiyat grafiğinde hareketli ortalamalar, Bollinger bantları, RSI ve MACD bekler. Her gösterge bir seridir: Source özelliğini bir mum serisine yöneltin, mumlar değiştikçe yeniden hesaplanır. Kodlanacak, test edilecek veya canlı verilerle senkron tutulacak formül yoktur. RSI ve Stochastic gibi osilatörler aşırı alım ve aşırı satım kılavuz çizgilerini çizer ve her gösterge serisi kendi renginde göstergede yer alır. Hepsini fiyat paneline koyabilir veya her birine ayrı bir panel verebilirsiniz.
TsgcChartSeries_SMA, TsgcChartSeries_EMA, TsgcChartSeries_WMA, TsgcChartSeries_BollingerTsgcChartSeries_RSI, TsgcChartSeries_MACD, TsgcChartSeries_Stochastic, GuideLines ileTsgcChartSeries_ATR, TsgcChartSeries_VWAP, TsgcChartSeries_VolumeRecalculate, hesaplanan çıktıyı okumak için Values.NET Community sürümü mum ve OHLC serilerini içerir, gösterge serilerini içermez.
Yardım konusunu okuyun
Finansal grafikler Yalnızca Kayıtlı
Bir alım satım düzeni fiyatı, hacmi ve bir osilatörü tek bir zaman eksenini paylaşan ayrı panellere dizer; böylece fiyatı yakınlaştırmak altındaki her şeyi yakınlaştırır. Fiyat ekseninde bir işaretçi en son değeri bir bakışta gösterir, gölgeli bir bant ise fiyatlar akarken alış ve satış arasındaki güncel farkı gösterir. Panel yükseklikleri yüzdedir, bu nedenle düzen pencereyle ölçeklenir ve yeniden boyutlandırmada bozulmaz. Her panelin ayrıca bir Visible özelliği vardır, böylece bir ekran gösterge panelini yalnızca kullanıcı isterse sunabilir.
HeightPercent ile TsgcChartPane öğelerinin Panes koleksiyonu; kullanıcı paneller arasındaki ayırıcıyı sürüklerPane özelliğiyle bir panele atanırColor ve Visible ile LastValueMarkerBid, Ask, BidColor ve AskColor ile BidAskBandFinansal grafikler Yalnızca Kayıtlı
Alım satımcılar destek seviyelerini, trend kanallarını ve düzeltmeleri doğrudan grafik üzerinde işaretler. Bir araç seçin, çizim alanında sürükleyin; çizim veri koordinatlarına sabitlenir, böylece kullanıcı yakınlaştırdığında veya kaydırdığında doğru mumlarda kalır. Çizimler kodla da doldurabileceğiniz, düzenlemeye karşı kilitleyebileceğiniz veya kaldırabileceğiniz bir koleksiyondur. Çizgiler kendi renkleri ve kalınlıklarıyla düz, kesik veya noktalı olabilir. Çizimler düz koordinatlara sahip sıradan bir koleksiyon olduğundan, bunları kullanıcının çalışma alanıyla saklayıp bir sonraki başlatmada geri ekleyebilirsiniz.
Interaction.DrawingTool: cdtTrendLine, cdtHorizontalLine, cdtVerticalLine, cdtRectangle, cdtFibonacciX1, Y1, X2, Y2, Color, Dash ve Locked ile Drawings koleksiyonuDeleteSelectedDrawing kullanıcının seçtiği çizimi kaldırırVeriyi grafik üzerinde açıklayın ve kullanıcıların grafiği çalışma zamanında ayarlamasına izin verin.
Ek açıklamalar ve düzenleme
Bir operatör ekranı alarm sınırını çizgi olarak, normal çalışma aralığını bant olarak ve partinin başladığı ana bir not ister. Ek açıklamalar veri değerleriyle yerleştirilir, bu yüzden kullanıcı yakınlaştırdığında, kaydırdığında veya yeni noktalar aktığında doğru yerde kalırlar. Bir belirtme çizgisi sabit bir veri noktasını gösterebilir veya canlı bir serinin en yeni noktasını izleyebilir. Kontrol odaları için ApplyISA101Theme grafiği ISA-101 HMI ekranlarında kullanılan gri, sönük stile geçirir. Renk anormal durumlara ayrılır, böylece 1 ile 4 arasındaki öncelikler için alarm renkleri sakin bir ekranda öne çıkar.
TsgcChart üzerinde Annotations koleksiyonu, öğe başına bir TsgcChartAnnotationKind: cakText, cakLine, cakHorizontalLine, cakVerticalLine, cakRectangle, cakHorizontalBand veya cakCalloutAnchorSeries ve AnchorPoint bir belirtme çizgisini veri noktasına bağlar, varsayılan -1 değeri en yeni noktayı izlerApplyISA101Theme 1 ile 4 arasındaki öncelikler için alarm renklerini korurEk açıklamalar ve ISA-101 ön ayarı her sürümde bulunur, ücretsiz Community sürümü dahil, VCL, FireMonkey, WinForms, WPF ve Avalonia üzerinde. Ön ayar şu konuda anlatılır: Temalar ve palet.
Yardım konusunu okuyun
Ek açıklamalar ve düzenleme
Bir grafik sunuma girmeden önce kullanıcı satış çizgisini kurumsal renkte, daha net bir eksen başlığını ve iade serisinin gizlenmesini ister. Çalışma zamanındaki grafik düzenleyiciyle bunu uygulamanın yeni bir sürümü olmadan kendisi yapar. Tek bir çağrı bir iletişim kutusu açar, kullanıcı burada başlıkları, göstergeyi, eksenleri ve her seriyi düzenler: rengini, görünürlüğünü, yumuşatmayı ve türünü, uyumlu başka bir seri türüne çevirerek.
TsgcChartTableLink ile bir tabloya bağlı grafik için grafik tasarımcısı aynı iletişim kutusuna bir Veri sayfası ekler: grafik türü (kümelenmiş, yığılmış veya %100 yığılmış sütun, çizgi, alan, pasta, halka veya birleşik), sütunlardan veya satırlardan seriler, ilk N, pasta serisi, biçimli veri etiketleri, bir özet tablonun genel toplam satırı ve sütunu ve birleşik grafikte her ölçünün seri türü ve ekseni. sgcPivotGrid özet grafiğinin tasarımcısıdır ve bağlantının çizdiği her tabloyla çalışır. Yalnızca Kayıtlı
ShowEditorShowEditorAsyncSmooth ve uyumlu türler içinde seri türüsgcVCLShowChartDesigner ve sgcFMXShowChartDesigner, .NET'te ShowDesigner ve ShowDesignerAsync ve Delphi IDE'sinde bir Chart designer... fiiliÇalışma zamanındaki grafik düzenleyici her sürümde bulunur, ücretsiz Community sürümü dahil. Grafik tasarımcısı ile tablo bağlantısının %100 yığılmış, pasta, halka ve birleşik türleri Community sürümünde yoktur; çubuk, yığılmış çubuk, çizgi ve alan türlü tablo bağlantısı vardır.
Yardım konusunu okuyun Grafik tasarımcısı konusunu okuyunBüyük veri kümelerini akıtın ve kullanıcıların daha yakından bakmasını sağlayın.
Canlı veri ve keşif
Sensör günlükleri, ses seviyeleri ve tick verileri sonsuza kadar büyür. Hızlı çizgi serisi noktalarını sabit Capacity değerli bir halka tamponda tutar, böylece bellek sabit kalır ve en eski noktalar düşer. Çizim anında her seri görünür noktaları piksel sütunu başına yaklaşık bir kümeye indirir ve veri ne kadar hızlı gelirse gelsin grafik saniyede en fazla MaxFPS kez yeniden çizilir. LiveLine demosu bir arka plan iş parçacığından 1.000.000 noktalık bir tampona akış yapar. Demo, çalışırken besleme hızını ve görünür pencereyi değiştirmenize izin verir; böylece tek satır kod yazmadan önce davranışı kendi donanımınızda değerlendirebilirsiniz.
Capacity ve BufferMode (cbmOverwrite veya cbmGrow) ile TsgcChartSeries_FastLineDecimation: dmNone, dmMinMax (görsel olarak tam) veya dmLTTBTimeWindow akan bir eksende yalnızca son N saniyeyi gösterirAddXY ve AddY noktaları geldikçe eklerCanlı veri ve keşif
Kullanıcılar verinin ilginç bölümüne daha yakından bakmak ister. Her grafik zaten tekerlekle yakınlaştırmayı, fareyle kutu yakınlaştırmayı, kaydırmayı ve dokunma hareketlerini destekler; artı imleç ve araç ipucu en yakın noktaya yapışır. Akan bir grafikte yakınlaştırma otomatik kaydırmayı duraklatır ve seçtiğiniz bir gecikmeden sonra kendiliğinden devam eder. Her seçenek bir özelliktir, böylece bir kiosk ekranı etkileşimi kapatabilir, bir analist ekranı yakınlaştırmayı yalnızca zaman eksenine kısıtlayabilir. Aynı davranış VCL, FireMonkey ve .NET görünümlerinde de çalışır.
TsgcChartInteraction: WheelZoom, BoxZoom, Pan, ZoomMode (czmX, czmY, czmXY)Crosshair, Tooltip ve SnapToPointAutoScrollResumeDelay ve PausedOnZoom, OnCrosshairMove ve OnSeriesClick olayları, geri dönmek için ResetZoomElinizdeki veriyi bağlayın, canlı akışları besleyin ve grafikleri her yerde çizin.
Veri girer, görüntü çıkar
Çoğu grafik zaten elinizde olan verileri gösterir: bir sorgu sonucu, dışa aktarılmış bir dosya, bir REST yanıtı veya bir ızgaranın satırları. Veri kaynakları bunları AddXY çağrılarından oluşan bir döngü olmadan bir seriye yükler. Alanları veya sütunları adlandırın, veri değiştikten sonra Refresh çağırın, grafik takip eder. Veri kümesi kaynağı mumlar için açılış, yüksek, düşük, kapanış ve hacim alanlarını da eşler. Veri kaynakları bileşenlerdir, bu yüzden tasarım zamanında Nesne Denetçisi'nde ayarlarsınız. Live değerini ayarlayın, grafik veri kümesini hiç kod yazmadan izler: kullanıcı bir ızgarada kayıt gönderdiğinde, sildiğinde veya eklediğinde ya da filtreyi değiştirdiğinde grafik yeniden yüklenir.
TsgcChartDataSource_DataSet herhangi bir TDataSet kaynağını XField, YField ve LabelField ile okurLive, kayıt gönderme, silme, ekleme ve filtreleri bir TDataLink üzerinden izler ve sıklığı sınırlar, böylece bir değişiklik dizisi tek bir yeniden yüklemeye mal olur; .NET'te Live bir DataTable değişikliklerini izlerFollowCursor, kullanıcı veri kümesinde gezindikçe odaklanan noktayı taşır (Delphi)ExtraFields, balon, aralık alanı, kutu grafiği ve şelale serilerinin boyut, alt değer, çeyrek veya tür sütunlarını beslerTsgcChartDataSource_CSV ve TsgcChartDataSource_JSONTsgcChartDataSource_Table, örneğin bir sgcGrid satırlarıTsgcChartDataSource_ManualVeri girer, görüntü çıkar Yalnızca Kayıtlı
Bir grafiği bir komisyoncuya veya piyasa akışına bağlayın, her mesajı geldikçe çizer. sgcChartsWS köprüsü bir sgcWebSockets istemcisinin mesaj olayına bağlanır ve JSON'u noktalara veya mumlara eşler. Binance kaynağı, bir saniyeden bir aya kadar aralıklarla bir toplayıcıyla ham işlemlerden mum oluşturabilir. Bir kaynak durduğunda, istemcinin önceki olay işleyicisini geri yükler.
TsgcChartDataSource_Binance: Symbol, Stream (cbsKLine, cbsTicker, cbsTrade), IntervalTopicFilter ve PayloadFormat ile TsgcChartDataSource_MQTTTsgcChartDataSource_WebSocket ve TsgcChartDataSource_SSETsgcChartAggregator, AddTrade ile işlemleri mumlara dönüştürürKöprü sgcWebSockets gerektirir. Community sürümünde grafiği manuel veri kaynağıyla kendi kodunuzdan besleyin.
Yardım konusunu okuyunVeri girer, görüntü çıkar
Grafikler sık sık ekrandan çıkar: günlük bir rapor e-postası, bir PDF, bir web sayfası veya görüntü döndüren bir REST uç noktası. TsgcChartRenderer aynı grafik modelini form ve mesaj döngüsü olmadan PNG veya SVG olarak çizer; bir konsol uygulamasında, bir Windows hizmetinde veya Delphi 10.2 ya da üstüyle oluşturulmuş bir Linux64 sunucusunda. Ekranda görünümler kullanıcının gördüğünü tek bir çağrıyla kaydeder. Çıktı ekranla aynı temayı, yazı tiplerini ve paleti kullanır, bu yüzden bir PDF içindeki grafik panodakiyle birebir aynı görünür.
RenderToPNGFile, RenderToPNGStream, RenderToSVGFile, RenderToSVGStreamWidth, Height ve ScaleTsgcVCLChart üzerinde SaveToPNG ve SaveToSVGesegece.sgcCharts.Rendering paketiÖnizleme, yazıcının ve PDF'in alacağı çıktıyı birebir gösterir.
Yazdırma, önizleme ve PDF
Her grafik, serileri, eksenleri, başlıkları ve lejantıyla ekrandaki gibi kendi sayfasına yazdırılır. Artı imleç, araç ipucu, yakınlaştırma dikdörtgeni ve çizimlerin seçim tutamaçları kağıda çıkmaz; sayfa ayarlarındaki boş bir başlık grafiğin başlığını alır.
Print yazdırma iletişim kutusunu gösterir ya da doğrudan varsayılan yazıcıya yazdırır; ShowPrintPreview ise sayfa gezinmesi, yakınlaştırma, sayfa yapısı, yazdırma ve PDF dışa aktarma sunan bir önizleme açarPrintSettings kağıdı, yönü, kenar boşluklarını, ölçeklemeyi ve üst bilgi ile alt bilgi metnini tutar; yazıcı, önizleme ve PDF'in hepsi bunu kullanırExportToPDF grafiği gerçek metinli vektör grafik olarak yazar, varsayılan olarak etiketli PDF/UA biçiminde; alternatif metin grafikten oluşturulur: başlığı, türü, nokta sayısıyla her seri ve her eksenin aralığıTsgcUIPDFOptions içindeki PDFALevel arşivleme için PDF/A-2a veya PDF/A-3a ekler, tek başına ya da PDF/UA ile birlikteYazdırma ve önizleme her sürümde, ücretsiz Community sürümü dahil, VCL, FireMonkey, WinForms, WPF ve Avalonia üzerinde bulunur. FireMonkey'de yazdırma Windows ve macOS'ta, önizleme ve PDF dışa aktarma her platformda çalışır. PDF dışa aktarma için sgcUIPDF köprüsü ve lisanslı bir sgcPDF gerekir (.NET'te esegece.sgcUICore.sgcPDF NuGet paketi), bu yüzden Community sürümünde yoktur.
Ekran okuyucular, klavye ve yüksek karşıtlık için UI Automation, kurulum gerektirmeden.
Erişilebilirlik
sgcCharts grafiği başlığı, eksenleri, göstergesi, serileri ve veri noktalarıyla Microsoft UI Automation'a sunar. Her nokta kategorisini ve değerini sunar ve grafik, erişilebilir PDF'e yazdığı metin alternatifinin aynısıyla kendini tanımlar.
Erişilebilirlik her sürümde, ücretsiz Community sürümü dahil, varsayılan olarak açıktır: VCL'de Delphi 7'den Delphi 13'e kadar her Delphi ve C++Builder sürümünde, Windows'ta FireMonkey'de ve WinForms, WPF ve Avalonia üzerinde. Delphi ve C++Builder'da AccessibleName ve AccessibleDescription UI Automation'a sunulan adı ve açıklamayı belirler, .NET'te ise her çerçevenin standart erişilebilir adı ve yardım metni aynı işi yapar. Bkz. erişilebilirlik uygunluk raporları. Fareyle yakınlaştırma ve kaydırma ile finansal çizim araçlarının klavye alternatifi yoktur.
sgcUI paket demolarında sgcCharts: yerleşik simüle verilerle çevrimdışı çalışan eksiksiz uygulamalar.
Bollinger bantları, hacim bölmesi ve çizim araçlarıyla mumlar.
Altamira Markets →
Alarm sınırı bantlarıyla üç üst üste bölmede on iki sensör.
Altamira Plant →
Teslimat geçmişinin huni, halka ve çubuk grafikleri.
Altamira Fleet →
Değer ile risk balon grafiği ve bir bütçe ağaç haritası.
Altamira PMO →Gönderilen LiveLine demosundan ve seyreltme başvurusundan alınan rakamlar, böylece kendiniz yeniden üretebilirsiniz.
| Ölçüm | Sonuç | Koşullar |
|---|---|---|
| LiveLine halka tamponundaki noktalar | 1.000.000 | TsgcChartDataSource_Manual üzerinden bir arka plan iş parçacığından beslenen TsgcChartSeries_FastLine |
| Piksel sütunu başına tutulan noktalar | en fazla 4 | dmMinMax seyreltme: ilk, en küçük, en büyük ve son nokta |
Bir masa uygulaması seçili sembol için mumları, fiyat panelinde hareketli ortalamaları ve Bollinger bantlarını, altındaki panellerde RSI ve hacmi, fiyatlar akarken de alış satış bandını gösterir. Analistler yakınlaştırdıklarında yerinde kalan trend çizgileri ve Fibonacci seviyeleri çizer. Binance kaynağı mumları doğrudan borsa akışından oluşturur.
Bir kontrol odası istemcisi onlarca sensörü aynı anda çizer. Halka tamponlu hızlı çizgi serileri saatlerce okumayı sabit bellekte tutar, zaman penceresi son dakikaları gösterir ve seyreltme yeniden çizimi hafif tutar. MQTT konuları grafikleri doğrudan besler, bir ısı haritası hangi makinelerin ısındığını gösterir.
Bir arka ofis hizmeti haftalık gelir halkasını, satış hunisini ve on iki aylık trendi yönetim e-postası için PNG, intranet için SVG olarak çizer. Aynı grafik kodu masaüstü uygulamasında da aynı veri kümesine bağlı olarak çalışır, böylece rakamlar ve renkler her zaman eşleşir.
Delphi, C++ Builder ve C# içinde aynı API: bölgeye göre gelir, Diğer dilimiyle bir halka olarak, koyu temada, PNG olarak dışa aktarılmış.
Modeli, yüzde 55 deliğe sahip bir pasta serisini, bir VCL görünümünü ve 1200 x 700 PNG yazan bir çiziciyi oluşturur.
uses
Controls, sgcUICore_Theme, sgcCharts_Chart, sgcCharts_Series_Pie,
sgcCharts_Renderer, sgcCharts_VCL;
// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, exported to PNG.
procedure BuildDonut(aOwner: TWinControl);
var
oChart: TsgcChart;
oView: TsgcVCLChart;
oPie: TsgcChartSeries_Pie;
oPNG: TsgcChartRenderer;
begin
oChart := TsgcChart.Create(aOwner);
oChart.Theme := utDark;
oChart.Title.Text := 'Revenue by region';
oChart.Legend.Position := clpRight;
oPie := TsgcChartSeries_Pie.Create(aOwner);
oPie.Chart := oChart;
oPie.InnerRadiusPercent := 55;
oPie.OthersThreshold := 4;
oPie.OthersText := 'Others';
oPie.ExplodeOnClick := True;
oPie.AddItem('North America', 420);
oPie.AddItem('Europe', 310);
oPie.AddItem('Asia Pacific', 280);
oPie.AddItem('Latin America', 95);
oPie.AddItem('Middle East', 12);
oView := TsgcVCLChart.Create(aOwner);
oView.Parent := aOwner;
oView.Align := alClient;
oView.Chart := oChart;
oPNG := TsgcChartRenderer.Create(aOwner);
oPNG.Chart := oChart;
oPNG.RenderToPNGFile('revenue.png', 1200, 700);
end;Oluşturulan sgcCharts_*.hpp başlıklarını kullanan C++ Builder'da aynı halka.
#include <vcl.h>
#include "sgcUICore_Theme.hpp"
#include "sgcCharts_Chart.hpp"
#include "sgcCharts_Series_Pie.hpp"
#include "sgcCharts_Renderer.hpp"
#include "sgcCharts_VCL.hpp"
// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, exported to PNG.
void BuildDonut(TWinControl *aOwner)
{
TsgcChart *oChart = new TsgcChart(aOwner);
oChart->Theme = utDark;
oChart->Title->Text = "Revenue by region";
oChart->Legend->Position = clpRight;
TsgcChartSeries_Pie *oPie = new TsgcChartSeries_Pie(aOwner);
oPie->Chart = oChart;
oPie->InnerRadiusPercent = 55;
oPie->OthersThreshold = 4;
oPie->OthersText = "Others";
oPie->ExplodeOnClick = true;
oPie->AddItem("North America", 420, 0);
oPie->AddItem("Europe", 310, 0);
oPie->AddItem("Asia Pacific", 280, 0);
oPie->AddItem("Latin America", 95, 0);
oPie->AddItem("Middle East", 12, 0);
TsgcVCLChart *oView = new TsgcVCLChart(aOwner);
oView->Parent = aOwner;
oView->Align = alClient;
oView->Chart = oChart;
TsgcChartRenderer *oPNG = new TsgcChartRenderer(aOwner);
oPNG->Chart = oChart;
oPNG->RenderToPNGFile("revenue.png", 1200, 700);
}C# içinde arayüzsüz: aynı model, Rendering paketinden pencere olmadan PNG olarak çizilir.
using esegece.sgcCharts;
using esegece.sgcUICore;
// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, rendered headless to PNG (no window needed).
public static class RevenueDonut
{
public static void Render()
{
var oChart = new TsgcChart();
oChart.Theme = TsgcUITheme.utDark;
oChart.Title.Text = "Revenue by region";
oChart.Legend.Position = TsgcChartLegendPosition.clpRight;
var oPie = new TsgcChartSeries_Pie();
oPie.Chart = oChart;
oPie.InnerRadiusPercent = 55;
oPie.OthersThreshold = 4;
oPie.OthersText = "Others";
oPie.ExplodeOnClick = true;
oPie.AddItem("North America", 420);
oPie.AddItem("Europe", 310);
oPie.AddItem("Asia Pacific", 280);
oPie.AddItem("Latin America", 95);
oPie.AddItem("Middle East", 12);
var oPNG = new TsgcChartRenderer();
oPNG.Chart = oChart;
oPNG.RenderToPNGFile("revenue.png", 1200, 700);
}
}dotnet add package esegece.sgcCharts.RenderingDelphi için 19 demo, C++ Builder için aynı 19 demo ve .NET için 12 demo, hepsi derlenmiş demolar indirmesinde. Bunlar yukarıdaki özellikleri gösterenlerdir.
Bir arka plan iş parçacığından beslenen 1.000.000 noktalık halka tamponlu hızlı çizgi serisi, 10 sn, 60 sn veya tüm tampon zaman penceresi, tema geçişi ve tüm akış üzerinde bir artı imleç.
Tarih saat ekseninde günlük mumlar ve bir hacim ekseni. Fareyle yakınlaştırın ve kaydırın; birçok mumun aynı piksel sütununu paylaştığı yerde tek bir doğru mumda birleşirler.
Bir mum grafiğinde fareyle çizilen, sonra seçilen, kilitlenen veya silinen trend çizgileri, yatay ve dikey çizgiler, dikdörtgenler ve Fibonacci düzeltmeleri.
Bir DB ızgarasında gösterilen ve iki veri kümesi kaynağı tarafından bir çizgi ve bir çubuk serisine okunan 1.000 satırlık bir istemci veri kümesi. Bir satırı düzenleyin, yeniden yükleyin, grafik takip eder.
Kabarcık, kutu grafiği, şelale ve yumuşak aralık alanı serileri; hata çubukları, ek açıklamalar ve ISA-101 alarm çizgisi, ISA-101 teması ve çalışma zamanı grafik düzenleyicisi, grafiğin takip ettiği canlı bir veri kümesi üzerinde. .NET için de BusinessCharts, BusinessChartsWpf ve BusinessChartsAvalonia olarak vardır. FireMonkey için de BusinessChartsFMX olarak vardır.
sgcChartsWS köprüsü üzerinden bir Binance piyasa akışından canlı mumlar, panelli ve göstergeli bir finansal grafikte. sgcWebSockets gerekir.
sgcChartsWS köprüsü üzerinden MQTT konularıyla beslenen ve geldikçe çizilen sensör okumaları. sgcWebSockets ve bir MQTT komisyoncusu gerekir.
Bir grafik oluşturan ve pencere olmadan PNG ve SVG dosyaları yazan bir konsol programı. HeadlessService aynısını bir Windows hizmetinden yapar.
Her sgcUI ürününün çalıştırmaya hazır yürütülebilir dosyaları, kurulum gerektirmez.
sgcUI_bin.zip dosyasını indirin →sgcCharts, sgcUI Professional ve Enterprise içinde yer alır ve ayrıca tek başına da satılır. sgcCharts ayrıca All-Access paketine dahildir.
€199 / geliştirici, tam kaynak kodu, 1 yıl güncelleme.
sgcCharts satın alın → Fiyatlandırmayı görün →Standard artı sgcCharts, sgcDashboard ve sgcGauges, €529 fiyatından başlayarak.
Professional sürümüne bakın →Ücretsiz Community sürümü (NuGet'te esegece.sgcCharts.Community) on yedi serinin tamamını, ek açıklamaları, hata çubuklarını, ISA-101 ön ayarını, çalışma zamanındaki düzenleyiciyi, görünümleri, tamponları, manuel, CSV, JSON ve veri kümesi kaynaklarını, etkileşimi ve arayüzsüz çıktıyı içerir. Finansal paketi (gösterge ve hacim serileri, paneller, toplayıcı, çizim araçları, son değer işaretçisi, alış satış bandı), gelişmiş tablo bağlantısı türlerine sahip grafik tasarımcısını ve sgcChartsWS köprüsünü içermez.
| Özellik | Community (ücretsiz) | Kayıtlı |
|---|---|---|
| Mum ve OHLC dahil 17 seri türü | ✓ | ✓ |
| Hızlı çizgi, halka tamponlar ve seyreltme | ✓ | ✓ |
| Yakınlaştırma, kaydırma, artı imleç ve araç ipuçları | ✓ | ✓ |
| Manuel, CSV, JSON ve canlı veri kümesi kaynakları | ✓ | ✓ |
| Temalar, PNG ve SVG dışa aktarma, arayüzsüz çizici | ✓ | ✓ |
| Ek açıklamalar, hata çubukları, ISA-101 ön ayarı ve çalışma zamanında grafik düzenleyici | ✓ | ✓ |
| Gösterge ve hacim serileri | − | ✓ |
| Paneller, son değer işaretçisi, alış satış bandı | − | ✓ |
| Çizim araçları ve işlem toplayıcı | − | ✓ |
| sgcChartsWS canlı akışları (Binance, MQTT, WebSocket, SSE) | − | ✓ |
| Tablo bağlantıları için grafik tasarımcısı, %100 yığılmış, pasta, halka ve birleşik türlerle | − | ✓ |
| Bileşen | Nedir |
|---|---|
| TsgcChart | Grafik modeli: eksenler, seriler, gösterge, tema ve etkileşim. |
| TsgcVCLChart, TsgcFMXChart | VCL ve FireMonkey görünümleri. |
| TsgcChartRenderer | Arayüzsüz PNG ve SVG çizimi, bir hizmette ve Linux64'te de. |
| TsgcChartSeries_* | 17 seri türü ve finansal gösterge serileri. |
| TsgcChartDataSource_Manual, _CSV, _JSON, _DataSet, _Table | Noktalar, dosyalar, veri kümeleri ve tablolar için veri kaynakları. |
| TsgcChartDataSource_WebSocket, _MQTT, _SSE, _Binance | sgcChartsWS köprüsünün canlı akış kaynakları (yalnızca Kayıtlı). |
| Hedef | Bileşen | Platformlar |
|---|---|---|
| Delphi 7'den 13'e, VCL | TsgcVCLChart | Win32 ve Win64 |
| Delphi XE6'dan 13'e, FireMonkey | TsgcFMXChart | Windows, macOS, iOS ve Android |
| C++ Builder 2007'den 13'e | TsgcVCLChart, TsgcFMXChart | Oluşturulan .hpp başlıkları ve statik kütüphaneler |
| Delphi 10.2'den 13'e, arayüzsüz | Model ve TsgcChartRenderer | Linux64, sunucuda PNG ve SVG |
| .NET Framework 4.7.2, .NET 8, 9 ve 10 | TsgcWinFormsChart, TsgcWpfChart, TsgcAvaloniaChart | WinForms, WPF, Avalonia 12 ve arayüzsüz çizim |
LiveLine demosu, bir arka plan iş parçacığından 1.000.000 noktalık halka tamponlu bir hızlı çizgi serisine akış yapar. Tamponun sabit bir Capacity değeri olduğundan bellek sabit kalır, seyreltme görünür noktaları piksel sütunu başına birkaça indirir ve MaxFPS yeniden çizim hızını sınırlar. Kendi makinenizde görmek için derlenmiş demoyu çalıştırın.
On yedi: çizgi, hızlı çizgi, basamaklı çizgi, alan, aralık alanı, çubuk, dağılım, balon, mum, OHLC, pasta ve halka, radar, ısı haritası, ağaç haritası, huni, kutu grafiği ve şelale grafiği. Her biri bir bileşendir, bu yüzden istediğiniz kadar eksenle birkaçını tek grafikte birleştirebilirsiniz.
Hayır. Community, mum ve OHLC serilerini içerir ancak gösterge ve hacim serilerini, panelleri, toplayıcıyı, çizim araçlarını, son değer işaretçisini veya alış satış bandını içermez. Bunlar ve sgcChartsWS canlı akışları Kayıtlı sürüm gerektirir. Yardımdaki Sürümler konusuna bakın.
Evet. SaveToPNG ve SaveToSVG bir görünümün gösterdiğini kaydeder, TsgcChartRenderer ise bir grafik modelini seçtiğiniz genişlik, yükseklik ve ölçekte pencere olmadan PNG veya SVG dosyalarına ya da akışlarına çizer. Bir PDF'ye veya e-posta gövdesine giden olağan yol budur.
Evet, arayüzsüz olarak. Delphi 10.2'den itibaren grafik modeli ve TsgcChartRenderer Linux64 için derlenir ve PNG ile SVG yazar. Linux görünüm denetimi yoktur. .NET'te esegece.sgcCharts.Rendering paketi .NET Standard 2.0, .NET Framework 4.7.2 ve .NET 6, 8, 9 ve 10 hedefler.
Manuel noktalar, CSV, JSON, herhangi bir TDataSet ve bellek içi tablo, her ürün lisansında bulunur. Kayıtlı sürüm ve sgcWebSockets ile sgcChartsWS köprüsü Binance piyasa akışlarını, MQTT konularını, WebSocket üzerinden JSON ve sunucu gönderimli olayları ekler.
Giriş, Hızlı Başlangıç, Platformlar, Pasta serisi, VCL görünümü, Paneller, Köprü, Seyreltme.
Delphi, C++ Builder ve .NET, tüm sgcUI ürünlerini kapsar.
Satırları canlı bir ızgarada gösterin ve yanında bir tablo veri kaynağıyla grafikte çizin.
sgcGrid ürününü keşfedin →
Grafikleri KPI kartlarının yanında pano kutucuklarına koyun; tüm ekran tek bir temayı izler.
sgcDashboard ürününü keşfedin →
Trend grafiklerini her ölçümün güncel değeri için göstergelerle eşleştirin.
sgcGauges ürününü keşfedin →Grafikleri sgcChartsWS köprüsüyle WebSocket, MQTT, SSE veya Binance akışlarından besleyin.
sgcWebSockets ürününü keşfedin →