Google Charts in uniGUI (new version with Print method)

[picyka]

I got confused here, there are two posts,
one about errors in the console, another about css/js files that are not cached,
they are always fetched from the server.

[picyka]

Would it be possible to file https://www.gstatic.com/charts/loader.js be loaded once to be used on all charts?

[jrp]

Hello,

How to save the chart as PNG or JPG file?

Thank you

[Sherzod]

1 hour ago, jrp said:

How to save the chart as PNG or JPG file?

Hello,

Which chart?

[jrp]

4 hours ago, Sherzod said:

Hello,

Which chart?

Hi Sherzod,

I mean, how to save any chart in the TuniGChartsFrame.

We could print the chart with uniGChartsFrame.DocumentPrint. Maybe we could save the chart as PNG or JPG file with something like that?

[Andrew Spencer]

@Pep Thank you - This looks as if it will help me with some very neat charts. Much appreciated.

I am using Delphi 12.2. To get your component to install, I modified the requires clause of the Alexandria project, adjusting to uniGUI29, uIndi29 and unitTools29.

This works fine for Windows 32-bit projects, but I cannot compile for Windows 64-bit (or Windows 64-bit (Modern))

Could you please advise, or are you able to update the repository?

Many thanks!

[J Silva]

Gostaria de parabenizá-lo pelo excelente componente para a criação de gráficos visuais.
Preciso criar um mapa do Brasil com os estados, como:

• Amazonas, Acre, Minas Gerais, Pernambuco, São Paulo, Rio de Janeiro, etc.

Adicionei as linhas abaixo ao meu modelo, mas ele exibe apenas o mapa do Brasil como um todo, sem mostrar os dados do estado.

 

  Chart.Options.Region('BR');

  Chart.Data.AddRow(['BR-AC', 200]);
  Chart.Data.AddRow(['BR-MG', 300]);
  Chart.Data.AddRow(['BR-AM', 400]);
 

É possível gerar esse tipo de gráfico usando esse componente?

Obrigado pela sua atenção.

Delphi versão 10.3
Versão Unigui: 1.90.0 build 1549
 

 

[Sherzod]

46 minutes ago, J Silva said:

Versão Unigui: 1.90.0 build 1549

Hello, 

Adjust your forum email address first:

 

[J Silva]

On 10/7/2025 at 11:38 AM, Sherzod said:

Hello, 

Adjust your forum email address first:

 

adjusted.

[J Silva]

Team, I've researched it and would like to share the solution to the problem.

<div class="col-md-7 col-sm-12">
    <div id="geochart-colors">

    </div>
</div>
    
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
        google.load('visualization', '1', { 'packages': ['geochart'] });
        google.setOnLoadCallback(drawVisualization);

        function drawVisualization() {
            var data = google.visualization.arrayToDataTable([
                ['State', 'City', 'Autorizadas'],
                ['BR-AC', 'Acre', 100.99],
                ['BR-AL', 'Alagoas', 20.21],
                ['BR-AM', 'Amazonas', 30.35],
                ['BR-AP', 'Amapá', 40.90],
                ['BR-BA', 'Bahia', 50.55]
            ]);

            var options = {
                region: 'BR',
                // displayMode: 'regions',
                resolution: 'provinces',
                datalessRegionColor: 'transparent',
                forceIFrame: false,
                colorAxis: '#f75192',
                backgroundColor: 'transparent',
                defaultColor: '#f75192',
                enableRegionInteractivity: true,
                tooltip: {
                    isHtml: true
                }
            };

            var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
            chart.draw(data, options);

        };

    </script>