series-tiempo-ar-explorer

TSComponents

Versión: 2.9.0

El objeto TSComponents contiene distintos componentes exportables que se pueden utilizar dentro de una experiencia web.

Está en el archivo llamado components.js y se aloja versionado en el CDN: https://cdn.jsdelivr.net/gh/datosgobar/series-tiempo-ar-explorer@ts_components_2.9.0/dist/js/components.js

Componentes

• Graphic: gráfico de líneas, barras o área usado en el explorador de series de tiempo con todas sus funcionalidades.

• Card: tarjeta con información de la serie y un gráfico incluido con sus datos.

• PreviewCard: tarjeta de tamaño variable con metadatos de la serie y un gráfico incluido con sus datos.

¿Cómo los uso?

Todos los componentes se usan de la misma manera.

• Importar librería JS:

<script type='text/javascript' src='https://cdn.jsdelivr.net/gh/datosgobar/series-tiempo-ar-explorer@ts_components_2.9.0/dist/js/components.js'></script>

• Importar hoja de estilos CSS:

<link rel='stylesheet' type='text/css' href='https://cdn.jsdelivr.net/gh/datosgobar/series-tiempo-ar-explorer@ts_components_2.9.0/dist/css/components.css'/>

• Definir dónde se va a dibujar:

<div id="graphic_01"></div>
<div id="card_01"></div>

• Instanciar el componente que buscamos:

TSComponents.Graphic.render('graphic_01', {
  ...
})

TSComponents.Card.render('card_01', {
  ...
})

TSComponents.PreviewCard.render('preview_01', {
  ...
})