Los nuevos gráficos de CIMA son basicamente componentes de ember que se renderizan en un elemento que contenga una configuración específica dentro de la página web.

A su vez, los estilos tambien se tienen un modo especial de ser llamados para su correcto funcionamiento

Requerimientos Generales:

Los componentes seran llamados desde elementos particulares que tienen que ser cargados en la página en algún sector, como en un bloque o un header de la página:

<!-- css -->
<link rel="stylesheet" href="/assets/vendor.css">
<link rel="stylesheet" href="/assets/cima-ui.css">
<!-- js -->
<script src="/assets/vendor.js"></script>
<script src="/assets/cima-ui.js"></script>

Estilos:

Como se nombró anteriormente los estilos tienen una particularidad, el codigo que contenga cualquiera de los componentes (filtros, graficos, etc.) tienen que estar contenidos dentro de un div con clase "cima-bootstrap":

<div class="cima-bootstrap">
 <!-- Snippet de los componentes -->
</div>

De esta manera todos los componentes mantendran los estilos y funcionabilidades esperadas.