Biblioteca de gráficos de radar personalizable basada en SVG-vencimiento-radar
| Autor: | kolektiv |
|---|---|
| Views Total: | 2,631 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 6, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
la madurez-radar es una librería JavaScript fácil y sin CSS utilizada para renderizar un gráfico de radar dinámico, personalizable y basado en SVG en el documento.
¿Cómo funciona?
Sólo tiene que añadir el archivo JavaScript ' radar. js ' a la página web y ya está listo para ir.
<script src="radar.js"></script>
Cree un elemento de marcador de posición para su gráfico de radar.
<div id="microservices"></div>
Cree un nuevo gráfico de radar y añada sus propios datos multivariados de la siguiente manera:
radar.show('#microservices', {
size: 700,
curve: false,
metrics: [
{
name: "Metric 1",
range: [
"Value 0",
"Value 1",
"Value 2",
"Value 3"
],
target: 2,
actual: 1
},
{
name: "Metric 2",
range: [
"Value 0",
"Value 1",
"Value 2",
"Value 3"
],
target: 3,
actual: 2
},
{
name: "Metric 3",
range: [
"Value 0",
"Value 1",
"Value 2",
"Value 3"
],
target: 2,
actual: 0
},
{
name: "Metric 4",
range: [
"Value 0",
"Value 1",
"Value 2",
"Value 3"
],
target: 3,
actual: 2
},
{
name: "Metric 5",
range: [
"Value 0",
"Value 1",
"Value 2",
"Value 3"
],
target: 2,
actual: 1
}
]
});
