# Gráficos amCharts

**URL:** <https://community.latromi.com.br/t/graficos-amcharts/697>\
**Category:** Ajuda & Suporte\
**Tags:** charts, javascript\
**Created:** [Outubro 21, 2021, 11:40am UTC](https://community.latromi.com.br/t/graficos-amcharts/697 "2021-10-21T11:40:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gustavo](https://community.latromi.com.br/letter_avatar_proxy/v4/letter/g/a9adbd/32.png) [@Gustavo](https://community.latromi.com.br/u/Gustavo)\
**Post date:** [Outubro 21, 2021, 11:40am UTC](https://community.latromi.com.br/t/graficos-amcharts/697/1 "2021-10-21T11:40:37Z")

</div>

Prezados,

Gostaria de um auxílio para utilizar um gráfico de amCharts, vi que tem uma tela de tutorial mas mesmo assim persistiu minha dificuldade em trazer dados de uma query para os gráficos em questão.

Gostaria de utilizar este gráfico porém não trás dados, tentei alterar o dataProvider, trazer apenas um registro no lugar de 3 e não tive muito sucesso:  
 ![image](https://community.latromi.com.br/uploads/default/original/1X/3b6ca1fa1572dc79f858337e6fd7741fcc61e7d8.png)

Quando não apresenta erro no latromi o gráfico vem vazio, sem aparecer um registro.

Att,  
Gustavo

---

<div class="post-metadata">

**Author:** ![Rogerio\_Kruger](https://community.latromi.com.br/user_avatar/community.latromi.com.br/rogerio_kruger/32/580_2.png) [@Rogerio\_Kruger](https://community.latromi.com.br/u/Rogerio_Kruger)\
**Post date:** [Outubro 21, 2021, 6:02pm UTC](https://community.latromi.com.br/t/graficos-amcharts/697/2 "2021-10-21T18:02:38Z")

</div>

Boa tarde!  
Utilizando os mesmos dados da publicação do [Criando Gráficos com Amcharts](https://community.latromi.com.br/t/criando-graficos-com-amcharts/655), segue abaixo a query e o resultado.

```sql
WITH q1 AS (SELECT videoaulas.estado_valor.uf,
videoaulas.estado_valor.valor::NUMERIC(15,2) AS perc

FROM videoaulas.estado_valor

),

q_json AS (
    SELECT
'{
    "type": "pie",    
    "innerRadius": "40%",
    "titleField": "uf",
    "valueField": "perc",
    "allLabels": [],
    "balloon": {},
    "legend": {
        "enabled": true,
        "align": "center",
        "markerType": "circle"
    },
    "titles": [
        { "bold": false,
            "id": "Title-1",
            "size": 15,
            "text": "Entregas por Estado"
        }
    ],

    "dataProvider": ['||ARRAY_TO_STRING(
    (SELECT ARRAY(   
        SELECT format('{ "perc": %s, "uf": "%s"}'
            , perc
            , uf)
        FROM q1
        ORDER BY perc desc
        
        ))
    , E',\r\n')||']}' AS jsondata
)

SELECT 
'<div class="drawChart" style="box-sizing:border-box;width:100%;height:310px;">' ||E'\r\n'
||E'\t<script type="application/json">\r\n'
|| jsondata
||E'\r\n\t</script>\r\n'
||'</div>'::VARCHAR AS htmlelement
FROM q_json

```

![Grafico donut amcharts](https://community.latromi.com.br/uploads/default/original/1X/50fc8985deed7179ad7fef6cffce26fb8d849903.jpeg)

---

<div class="post-metadata">

**Author:** ![Gustavo](https://community.latromi.com.br/letter_avatar_proxy/v4/letter/g/a9adbd/32.png) [@Gustavo](https://community.latromi.com.br/u/Gustavo)\
**Post date:** [Novembro 30, 2021, 1:03pm UTC](https://community.latromi.com.br/t/graficos-amcharts/697/3 "2021-11-30T13:03:09Z")

</div>

Rogerio,

Foi de grande ajuda, esqueci de dar o retorno aqui no fórum.

Muito obrigado!

Att,  
Gustavo