Creación de gráficos adaptables con CSS puro-cssplot
| Autor: | asciimoo |
|---|---|
| Views Total: | 5,149 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 24, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
cssplot es una biblioteca de trazado CSS que hace que sea fácil de dibujar gráficos de barras responsivas & parcelas de dispersión con HTML5 puro & CSS.
¿Cómo funciona?
Cargue el cssplot. Full. CSS en la sección Head de su documento.
<link href="cssplot.full.css" rel="stylesheet">
Crear un gráfico de barras básico con HTML lista desordenada. Utilice HTML5 Data-CP-size atributo para especificar el valor/alto para cada columna. También puede utilizar Class = "Chart-Column" style = "height: 50% en lugar de Data-CP-size =" 50 ".
<div class="bar-chart"> <ul class="container"> <li data-cp-size="99">99%</li> <li data-cp-size="50">50%</li> <li data-cp-size="30">30%</li> <li data-cp-size="90">90%</li> <li data-cp-size="10">10%</li> <li data-cp-size="70">70%</li> <li data-cp-size="30">30%</li> <li data-cp-size="90">90%</li> </ul> </div>
