-
-
Save parzibyte/4434da0cff276a6dfb0036c2c85128da to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var opciones = { | |
// Los colores. En este caso sólo es uno pero puede haber más si tenemos más datos | |
// por ejemplo si mostrásemos del 2018 y 2019 | |
colors: ['#8BC34A'], | |
chart: { | |
height: 380, //La altura. La anchura es tomada como el 100 % del padre | |
type: 'area',// Es una gráfica de tipo area | |
}, | |
stroke: { | |
//La curvatura al unir los puntos | |
//smooth o straight. smooth es más suave y straight es rígido | |
curve: 'smooth', | |
}, | |
dataLabels: { | |
enabled: false, // No mostrar las etiquetas sin hacer hover | |
}, | |
series: [{ | |
name: "Número de visitas", // Lo que describe a nuestros datos | |
data: visitasDel2018 | |
}, | |
], | |
title: { | |
text: 'Visitas del 2018', //El título como cadena | |
align: 'left', //Alineación. Puede ser left, right o center | |
}, | |
subtitle: { | |
text: 'parzibyte.me/blog',//Subtítulo. Si no queremos incluirlo, eliminamos todo este objeto | |
align: 'left', //La alineación aplica igual que para el título | |
}, | |
xaxis: { | |
// Lo que irá en el eje X. | |
// Su longitud debe ser igual a la de los datos | |
// Es decir, si nuestros datos son 12, las etiquetas deben ser 12 | |
categories: etiquetas, | |
}, | |
yaxis: { | |
//Si queremos que el eje y esté a la izquierda lo dejamos en false. Si queremos | |
// que esté a la derecha, pues en true | |
opposite: true, | |
} | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment