Thread: Objeto QueryViewer com Table Responsive

Objeto QueryViewer com Table Responsive

25/06/20 17:09

gmartinez

Replies: 1

Olá Danilo.
O tamanho do grafico de pizza é calculado automaticamente de jeito de poder
acomodar os valores e a legenda no DIV.
É possivel mudar esse comportamento padrao modificando o codigo do
QueryViewer.
Exemplo:
Se eu tiver esses tres graficos:
[image: image.png]
posso modificar o tamanho para que fique assim:
[image: image.png]
Mas veja que agora nao tem lugar para desplegar os valores (embora voce
poderia escolher a opcao ShowValues = false de jeito que eles nao se
mostrem).
Para modificar o tamanho dos grafica siga o seguinte:
- procure o arquivo QueryViewerCommon.src.js na pasta QueryViewer e mude o
nome a QueryViewerCommon.js
- busque a funcao getPlotOptionsObject
- no codigo dessa funcao busque um "switch (chartType)"
- nesse switch, no valor "pie" adicione a linha em vermelho:
    case "pie":
                    plotOptions.pie = {};
                    *plotOptions.pie.size = "100%";    // out a percentagem
que voce quiser (tambem pode botar aqui um valor numerico em pixels)*
                    if (qViewer.RealChartType == "Doughnut" ||
qViewer.RealChartType == "Doughnut3D")
                                  plotOptions.pie.innerSize = '35%';
                    if (qViewer.RealChartType == "Pie3D" ||
qViewer.RealChartType == "Doughnut3D")
                                  plotOptions.pie.depth = 35;
                    plotOptions.pie.dataLabels = { enabled: showvalues };
                    plotOptions.pie.showInLegend = true;
                    break;
Info: https://api.highcharts.com/highcharts/plotOptions.pie.size
Na versao V16U10 o numero de linha onde debe modificar é 4406, mas em
outras versoes de GeneXus pode mudar.
Veja que essa modificacao vai afectar todas as graficas de pizza da sua
aplicacao.
Espero lhe serva.
Um abraco
Gustavo Martínez
GeneXus.
El jue., 25 jun. 2020 a las 13:36, Danilo Martinez do Nascimento (<
danilomartnas@gmail.com>) escribió:
> Olá Pessoal!
>
> Alguém sabe como fazer para que os gráficos pizza 3d fiquem com o mesmo
> tamanho ?
>
> [image: image.png]
>
> Objeto QueryViewer alimentado por uma view simples.
> Já tentei de tudo, mas os gráficos não ficam do mesmo tamanho de forma
> alguma.
>
> GX 15
> ASP.NET <http://asp.net/>
> Patterns: WorkWithPlus
> Type Table: Responsive
> Web User Experience: Smooth
>
> Desde já, obrigado a todos.
>
> Att
> Danilo
>

Olá Danilo.
O tamanho do grafico de pizza é calculado automaticamente de jeito de poder
acomodar os valores e a legenda no DIV.
É possivel mudar esse comportamento padrao modificando o codigo do
QueryViewer.
Exemplo:
Se eu tiver esses tres graficos:
[image: image.png]
posso modificar o tamanho para que fique assim:
[image: image.png]
Mas veja que agora nao tem lugar para desplegar os valores (embora voce
poderia escolher a opcao ShowValues = false de jeito que eles nao se
mostrem).
Para modificar o tamanho dos grafica siga o seguinte:
- procure o arquivo QueryViewerCommon.src.js na pasta QueryViewer e mude o
nome a QueryViewerCommon.js
- busque a funcao getPlotOptionsObject
- no codigo dessa funcao busque um "switch (chartType)"
- nesse switch, no valor "pie" adicione a linha em vermelho:
case "pie":
plotOptions.pie = {};
*plotOptions.pie.size = "100%"; // out a percentagem
que voce quiser (tambem pode botar aqui um valor numerico em pixels)*
if (qViewer.RealChartType == "Doughnut" ||
qViewer.RealChartType == "Doughnut3D")
plotOptions.pie.innerSize = '35%';
if (qViewer.RealChartType == "Pie3D" ||
qViewer.RealChartType == "Doughnut3D")
plotOptions.pie.depth = 35;
plotOptions.pie.dataLabels = { enabled: showvalues };
plotOptions.pie.showInLegend = true;
break;
Info: https://api.highcharts.com/highcharts/plotOptions.pie.size
Na versao V16U10 o numero de linha onde debe modificar é 4406, mas em
outras versoes de GeneXus pode mudar.
Veja que essa modificacao vai afectar todas as graficas de pizza da sua
aplicacao.
Espero lhe serva.
Um abraco
Gustavo Martínez
GeneXus.
El jue., 25 jun. 2020 a las 13:36, Danilo Martinez do Nascimento (<
danilomartnas@gmail.com>) escribió:
> Olá Pessoal!
>
> Alguém sabe como fazer para que os gráficos pizza 3d fiquem com o mesmo
> tamanho ?
>
> [image: image.png]
>
> Objeto QueryViewer alimentado por uma view simples.
> Já tentei de tudo, mas os gráficos não ficam do mesmo tamanho de forma
> alguma.
>
> GX 15
> ASP.NET <http://asp.net/>
> Patterns: WorkWithPlus
> Type Table: Responsive
> Web User Experience: Smooth
>
> Desde já, obrigado a todos.
>
> Att
> Danilo
>

Replies

d-martinez

26/06/20 07:56

Olá Gustavo
Obrigado pelo retorno.
Irei testar e ver como fica.
Att
Danilo.
Em qui., 25 de jun. de 2020 às 17:10, Gustavo Martínez <
gmartinez@genexus.com> escreveu:
> Olá Danilo.
> O tamanho do grafico de pizza é calculado automaticamente de jeito de
> poder acomodar os valores e a legenda no DIV.
> É possivel mudar esse comportamento padrao modificando o codigo do
> QueryViewer.
> Exemplo:
> Se eu tiver esses tres graficos:
> [image: image.png]
>
> posso modificar o tamanho para que fique assim:
> [image: image.png]
> Mas veja que agora nao tem lugar para desplegar os valores (embora voce
> poderia escolher a opcao ShowValues = false de jeito que eles nao se
> mostrem).
>
> Para modificar o tamanho dos grafica siga o seguinte:
> - procure o arquivo QueryViewerCommon.src.js na pasta QueryViewer e mude o
> nome a QueryViewerCommon.js
> - busque a funcao getPlotOptionsObject
> - no codigo dessa funcao busque um "switch (chartType)"
> - nesse switch, no valor "pie" adicione a linha em vermelho:
>
>     case "pie":
>                     plotOptions.pie = {};
>                     *plotOptions.pie.size = "100%";    // out a
> percentagem que voce quiser (tambem pode botar aqui um valor numerico em
> pixels)*
>                     if (qViewer.RealChartType == "Doughnut" ||
> qViewer.RealChartType == "Doughnut3D")
>                                   plotOptions.pie.innerSize = '35%';
>                     if (qViewer.RealChartType == "Pie3D" ||
> qViewer.RealChartType == "Doughnut3D")
>                                   plotOptions.pie.depth = 35;
>                     plotOptions.pie.dataLabels = { enabled: showvalues };
>                     plotOptions.pie.showInLegend = true;
>                     break;
>
> Info: https://api.highcharts.com/highcharts/plotOptions.pie.size
>
> Na versao V16U10 o numero de linha onde debe modificar é 4406, mas em
> outras versoes de GeneXus pode mudar.
> Veja que essa modificacao vai afectar todas as graficas de pizza da sua
> aplicacao.
> Espero lhe serva.
> Um abraco
>
> Gustavo Martínez
> GeneXus.
>
>
> El jue., 25 jun. 2020 a las 13:36, Danilo Martinez do Nascimento (<
> danilomartnas@gmail.com>)

Olá Gustavo Obrigado pelo retorno. Irei testar e ver como fica. Att Danilo. Em qui., 25 de jun. de 2020 às 17:10, Gustavo Martínez < gmartinez@genexus.com> escreveu: > Olá Danilo. > O tamanho do grafico de pizza é calculado automaticamente de jeito de > poder acomodar os valores e a legenda no DIV. > É possivel mudar esse comportamento padrao modificando o codigo do > QueryViewer. > Exemplo: > Se eu tiver esses tres graficos: > [image: image.png] > > posso modificar o tamanho para que fique assim: > [image: image.png] > Mas veja que agora nao tem lugar para desplegar os valores (embora voce > poderia escolher a opcao ShowValues = false de jeito que eles nao se > mostrem). > > Para modificar o tamanho dos grafica siga o seguinte: > - procure o arquivo QueryViewerCommon.src.js na pasta QueryViewer e mude o > nome a QueryViewerCommon.js > - busque a funcao getPlotOptionsObject > - no codigo dessa funcao busque um "switch (chartType)" > - nesse switch, no valor "pie" adicione a linha em vermelho: > > case "pie": > plotOptions.pie = {}; > *plotOptions.pie.size = "100%"; // out a > percentagem que voce quiser (tambem pode botar aqui um valor numerico em > pixels)* > if (qViewer.RealChartType == "Doughnut" || > qViewer.RealChartType == "Doughnut3D") > plotOptions.pie.innerSize = '35%'; > if (qViewer.RealChartType == "Pie3D" || > qViewer.RealChartType == "Doughnut3D") > plotOptions.pie.depth = 35; > plotOptions.pie.dataLabels = { enabled: showvalues }; > plotOptions.pie.showInLegend = true; > break; > > Info: https://api.highcharts.com/highcharts/plotOptions.pie.size > > Na versao V16U10 o numero de linha onde debe modificar é 4406, mas em > outras versoes de GeneXus pode mudar. > Veja que essa modificacao vai afectar todas as graficas de pizza da sua > aplicacao. > Espero lhe serva. > Um abraco > > Gustavo Martínez > GeneXus. > > > El jue., 25 jun. 2020 a las 13:36, Danilo Martinez do Nascimento (< > danilomartnas@gmail.com>)

Back to gx-l