Ajuste layout Amcharts

Suporte
, ,
1

Bom dia,
Precisaria deixar que este gráfico do amcharts de forma que fique ajustável dentro da consulta do latromi de forma que as informações apareçam todas.

image
image1895×670 74.6 KB

Mesmo realizando alguns ajustes na div a disposição do mesmo não ajusta de forma que as informações aparecem, apenas se eu deixar o zoom extremamente pequeno.

image
image1920×1080 160 KB

Div usada

SELECT 
'<div class="drawChart" style="box-sizing:border-box;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;">' || 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;

Poderiam me auxiliar ?

2

Boa tarde @LindaBarichello,

Infelizmente essa situação é uma limitação do Amcharts, que acaba não comportando a quantidade de dados.

Porém, como alternativas para tentarmos ajustar as legendas podemos testar as seguintes ações:

  • Adicionar no JSON a propriedade “labelRadius”, para manter as legendas próximas ao grafico
{
    ...,
    "labelRadius": 0, // Valores negativos posicionam os rótulos dentro do gráfico
}
  • Reduzir o tamanho das fontes
{
    ...,
    "fontSize": 9,
}
1 curtida