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