Delphi GCharts

Delphi-Gcharts

Delphi-Gcharts es una biblioteca de componentes de Delphi para generar gráficos en el marco Unigui utilizando la API de Google Charts.

Actualmente admite las siguientes clases de Google Chart:

• Anotación
• Área
• Bar
• Burbuja
• Calendario
• Candelero
• Columna
• Combo
• Diferencia
• Rosquilla
• Gantt
• Indicador
• Geo
• Histograma
• Intervalos
• Línea
• Organización
• Pastel
• Diagrama de Sankey
• Dispersión
• Área escalonada
• Mesa
• Línea de tiempo
• Mapas de árboles
• Líneas de tendencia
• Cascada
• Árboles de palabras

Componentes

La biblioteca tiene dos componentes principales:

• TCFSGCHARTProducer (no visual): este componente es responsable de generar el código JavaScript de acuerdo con los datos y las opciones del cuadro de clase que se generará.
• TunigchartsFrame : este componente se usa para ver e interactuar con el gráfico producido por TCFSGChartProducer .

Instalar

Delphi-Gcharts ha sido codificado y probado en Delphi 10.4 Sydney con una versión unigui: 1.90.0 build 1557 , pero seguramente se puede compilar en versiones anteriores o más recientes.

Instale el componente visual cfs.charts.unigui.xxx.dpk que se encuentra en la carpeta de paquete y también agregue a la ruta de búsqueda de la biblioteca la carpeta de fuentes .

Ejemplo de uso básico

Ejemplo básico para generar este gráfico circular:

 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 ;

Aplicación de demostración

La biblioteca incluye en la carpeta Demos el proyecto Gchartsdemo con varios ejemplos que muestran cómo construir los diferentes gráficos de clase.

Al ejecutar la demostración puede:

• Muestre el código Delphi utilizado para generar el gráfico
• Haga clic en el botón Guía de Google para ver la documentación oficial de los gráficos de Google.
• Haga clic en la tabla para ver eventos despedidos
• Haga clic en el botón Imprimir para imprimir el cuadro actual con los gráficos/gráficos (nuevo)

---

Registro de cambio

• 1.2 : agregado a la carpeta de paquete *.dpk para Delphi 11.2 Alexandria
• 1.1 : Método de impresión agregado para imprimir el marco con los gráficos/gráficos (ver demostraciones)
• 1.0 : versión inicial

---

Estrella este proyecto

¡Por favor, si usa Delphi Gcharts , " Star " este proyecto en Github!

No le cuesta nada, pero ayuda a otros desarrolladores a hacer referencia al código.