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', {
  ...
})