Soy muy nuevo en JavaScript y Highcharts, así que gracias de antemano. Estoy tratando de crear un gráfico simple usando Highcharts. Cuando creo manualmente la variable usando esta matriz, el gráfico funciona:
let result = [1084.58,1084.65,1084.64]Sin embargo, cuando tomo los datos de JSON y los pongo en la variable, el gráfico no muestra los datos. Si "alerto" la variable que se crea a partir del JSON aparece así:
1084.58,1084.65,1084.64Supongo que el formato de los datos del JSON no es correcto. ¿Qué debo hacer para corregirlo?
Cuando uso la variable creada manualmente, el gráfico aparece correctamente. Cuando creo la variable desde el archivo JSON, aparece el gráfico y el eje X tiene las etiquetas correctas pero no hay datos en el gráfico.
Hice algunas pruebas y encontré lo que creo que es el problema. La variable que se crea a partir del JSON tiene comillas alrededor de cada entrada. ¿Cómo puedo eliminar las comillas?
['1084.58', '1084.65', '1084.64']Probablemente necesitará convertir esos valores al tipo Número (usando Number() o parseFloat()), puede hacer algo como esto:
variable => contiene ['1084.58', '1084.65', '1084.64']
variable = variable.map(number => {return Number(number)})Ya que eres nuevo en Javascript (¡Bienvenido a este lenguaje!), voy a explicarte cómo funciona. "mapa" es un método de matriz que toma cada elemento de una matriz y devuelve un valor (similar al método forEach, pero forEach no devuelve nada). Entonces, cuando usa el mapa para devolver cada elemento de una matriz como esta, está empujando el nuevo elemento a la nueva matriz, será algo como
variable.map(número => {retornar Número(número)})
En el 1er elemento: Devuelve Número('1084.58'), luego devuelve 1084.58 (tipo de número)
En el segundo elemento: devuelve Number('1084.65'), luego devuelve 1084.65 (tipo de número)
En el tercer elemento: devuelve Número('1084.64'), luego devuelve 1084.64 (tipo de número)
Cada retorno a esta nueva variable es como un array.push(elemento)
Espero que tengas la idea