Unduh Delphi GCharts - Unduh Kode Sumber Delphi GCharts

Delphi GCharts

Komponen pihak ketiga

1.0.0

Unduh

Delphi-Gcharts

Delphi-Gcharts adalah perpustakaan komponen Delphi untuk menghasilkan grafik dalam kerangka kerja Unigui menggunakan API Google Charts.

Ringkasan

Saat ini mendukung kelas Google Chart berikut:

Anotasi
Daerah
Batang
Gelembung
Kalender
Kandil
Kolom
Kombo
Diff
Donat
Gantt
Mengukur
Geo
Histogram
Interval
Garis
Organisasi
Pai
Diagram Sankey
Menyebarkan
Area melangkah
Meja
Timeline
Peta pohon
Tren tren
Air terjun
Pohon Kata

Komponen

Perpustakaan memiliki dua komponen utama:

TCFSGCHARTPRODUCER (non visual): Komponen ini bertanggung jawab untuk menghasilkan kode JavaScript sesuai dengan data dan opsi bagan kelas yang akan dihasilkan.
TunigChartsFrame : Komponen ini digunakan untuk melihat dan berinteraksi dengan bagan yang diproduksi oleh TCFSGChartProducer .

Memasang

Delphi-Gcharts telah diberi kode dan diuji di Delphi 10.4 Sydney dengan versi Unigui: 1.90.0 build 1557 , tetapi pasti dapat dikompilasi ke dalam versi sebelumnya atau lebih baru.

Instal komponen visual cfs.charts.unigui.xxx.dpk yang ada di folder paket dan juga tambahkan ke jalur pencarian perpustakaan folder sumber .

Contoh Penggunaan Dasar

Contoh Dasar Untuk Menghasilkan Bagan PIE ini:

Sampel bagan pai

 unit Main;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics,
  Controls, Forms, uniGUITypes, uniGUIAbstractClasses,
  uniGUIClasses, uniGUIRegClasses, uniGUIForm, uniGUIBaseClasses,
  cfs.GCharts.uniGUI;

type
  TMainForm = class (TUniForm)
    uniGChartsFrame1: TuniGChartsFrame;
    procedure UniFormCreate (Sender: TObject);
  private
  public
  end ;

function MainForm : TMainForm;

implementation

{ $R *.dfm }

uses
  uniGUIVars, MainModule, cfs.GCharts; // <--- Add this unit

function MainForm : TMainForm;
begin
  Result := TMainForm(UniMainModule.GetFormInstance(TMainForm));
end ;

procedure TMainForm.UniFormCreate (Sender: TObject);
var
  Chart: IcfsGChartProducer; // Defined as TInterfacedObject. No need try..finally
begin
  Chart := TcfsGChartProducer.Create;
  Chart.ClassChartType := TcfsGChartProducer.CLASS_PIE_CHART;

  // Data
  Chart.Data.DefineColumns([
    TcfsGChartDataCol.Create(TcfsGChartDataType.gcdtString, ' Topping ' ),
    TcfsGChartDataCol.Create(TcfsGChartDataType.gcdtNumber, ' Slices ' )
  ]);
  Chart.Data.AddRow([ ' Mushrooms ' , 3 ]);
  Chart.Data.AddRow([ ' Onions ' , 1 ]);
  Chart.Data.AddRow([ ' Olives ' , 1 ]);
  Chart.Data.AddRow([ ' Zucchini ' , 1 ]);
  Chart.Data.AddRow([ ' Pepperoni ' , 2 ]);

  // Options
  Chart.Options.Title( ' How Much Pizza I Ate Last Night ' );

  // Generate
  uniGChartsFrame1.DocumentInit;
  uniGChartsFrame1.DocumentSetBody( ' <div id="Chart" style="width:100%;height:100%;"></div> ' );
  uniGChartsFrame1.DocumentGenerate( ' Chart ' , Chart);
  uniGChartsFrame1.DocumentPost;
end ;

Aplikasi demo

Perpustakaan termasuk dalam folder demo proyek GChartsDemo dengan beberapa contoh yang menunjukkan cara membangun grafik kelas yang berbeda.

Sampel bagan pai

Saat menjalankan demo, Anda bisa:

Tampilkan kode delphi yang digunakan untuk menghasilkan bagan
Klik tombol Google Guide untuk melihat dokumentasi resmi Google Charts.
Klik pada bagan untuk melihat acara yang dipecat
Klik tombol Print untuk mencetak bingkai saat ini dengan grafik/bagan (baru)

Sampel cetak

Ubah log

1.2 : Ditambahkan ke folder paket *.dpk untuk Delphi 11.2 Alexandria
1.1 : Metode cetak yang ditambahkan untuk mencetak bingkai dengan grafik/bagan (lihat demo)
1.0 : Versi Awal