2

¿Cómo hago para condicionar el número de series que deseo que se me desplieguen en mi gráfica de Highcharts?

Es decir:

  • Si el valor a es igual a 1 que muestre lo siguiente:

g1

series: [{
  name: '<span style="font-size: 65%">' + datos.fecha[0] + '</span>',
  color: '#ff6600',
  data: [datos[0][0], datos[0][1], datos[0][2], datos[0][3], datos[0][4]],
  pointPlacement: 'off'
}]

  • Si el valor a es igual a 2 entonces:

g2

series: [{
  name: '<span style="font-size: 65%">' + datos.fecha[0] + '</span>',
  color: '#ff6600',
  data: [datos[0][0], datos[0][1], datos[0][2], datos[0][3], datos[0][4]],
  pointPlacement: 'off'
},{
  name: '<span style="font-size: 65%">' + datos.fecha[1] + '</span>',
  color: '#0f6600',
  data: [datos[1][0], datos[1][1], datos[1][2], datos[1][3], datos[1][4]],
  pointPlacement: 'off'
}]

1
  • Con el código que compartes, no se termina de comprender el problema: Dices que dependiendo del valor de a se debe mostrar una cosa u otra, pero en el código que compartes no hay ninguna referencia a ningún a. Deberías crear un ejemplo mínimo verificable para mostrar mejor el problema.
    – Alvaro Montoro
    Commented el 18 mar. 2017 a las 19:13

1 respuesta 1

0

Por lo que entendí: Deseas que se pueda elegir que numero de series mostrar en el renderizado de la gráfica.

  1. Guarda tus series una variable antes de renderizar tu gráfica.

    var $series =  [{
      name: '<span style="font-size: 65%">' + datos.fecha[0] + '</span>',
      color: '#ff6600',
      data: [datos[0][0], datos[0][1], datos[0][2], datos[0][3], datos[0][4]],
      pointPlacement: 'off'
    },{
      name: '<span style="font-size: 65%">' + datos.fecha[1] + '</span>',
      color: '#0f6600',
      data: [datos[1][0], datos[1][1], datos[1][2], datos[1][3], datos[1][4]],
      pointPlacement: 'off'
    }];

  1. Usa slice para mostrar solo el numero de series que deseas:

    var $series = [{..}, {..}]// muchos elementos
    
    // aqui codigo del renderizado
    series: $series.splice(0,2); // El 0 corresponde al elemento inicial, el 1 sería el elemento final (Recuerda que los arreglos(array) comienzan con 0.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.