Skip to content

Instantly share code, notes, and snippets.

@marpontes
Created November 24, 2015 19:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save marpontes/365cc9f7aad68264a79f to your computer and use it in GitHub Desktop.
Save marpontes/365cc9f7aad68264a79f to your computer and use it in GitHub Desktop.
Habilitando os gráficos do CDE a responderem a mudanças de layout.
/* [Dashboards compatíveis com requirejs]
Solução componente a componente
--------------------------------------------------------------------
Colocar no Post Execution:
*/
function(){
var comp = this, elm = $("#"+comp.htmlObject);
$(window).resize(function(){
comp.chart.options.width = elm.width();
comp.chart.render(/*bypassAnimation*/true, /*recreate*/true, /*reload*/false);
});
}
/*
Solução para vários componentes [Dashboards compatíveis com requirejs]
--------------------------------------------------------------------
1. Utilizar o módulo requirejs OncaseUtils [https://github.com/oncase/oncase-dash-utils/]
2. Colocar no Pre Execution:
*/
function(){
OU.pushResizeable(this);
}
@AlysonCarmo
Copy link

Marcelo,

Tentei utilizar essa function junto ao componente CCC Line Chart e não funcionou, é necessária alguma adaptação ?

@iratuan
Copy link

iratuan commented Aug 2, 2019

Olá Marcelo. Tenho uma duvida: como eu faria para os elementos de um Dashboard serem atualizados após um click em um botão... tentei configurar como um listener mas não consegui.

@marpontes
Copy link
Author

Marcelo,

Tentei utilizar essa function junto ao componente CCC Line Chart e não funcionou, é necessária alguma adaptação ?

Há uma implementação mais recente aqui

https://github.com/oncase/oncase-dash-utils/blob/master/OncaseUtils.js#L14-L22

A gente usa essa biblioteca importada como js em dashboards do tipo RequireJS, mas a lógica de implementação é a mesma.

Essa _pushResizable adiciona o componente a uma lista de componentes que têm dimensões ajustadas a cada resize relevante da página.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment