Usar Highcharts

Utilice los elementos visuales de Highcharts para crear tipos de gráficos y elementos visuales personalizados que utilicen la biblioteca central de Highcharts. Para configurar un elemento visual de Highcharts, añada un esquema JSON de Highcharts al elemento visual. El editor de código del gráfico proporciona asistencia contextual y validación en tiempo real para garantizar que los esquemas JSON de entrada están configurados correctamente. Por razones de seguridad, el editor visual no acepta la introducción de código CSS, JavaScript ni HTML.
Estas limitaciones se aplican a los elementos visuales de Highcharts:
  • Estos valores JSON no se admiten en el editor de código del gráfico: funciones, fechas y valores indefinidos.
  • No se admiten enlaces a archivos GeoJSON u otras imágenes.
  • No se pueden establecer colores de campo en los elementos visuales de Highcharts. Siempre se aplican los colores de tema predeterminados.
Para crear un elemento visual de Highcharts:
  1. Haga clic en pestaña Paneles, la pestaña Paneles.
  2. Haga clic en el Diseñador de paneles, en la esquina inferior izquierda.
  3. En el cuadro de diálogo Análisis, haga clic en Nuevo análisis o botónOpciones, el botón Opciones, situado junto a un análisis existente, y seleccione Editar.
  4. En la página de análisis, haga clic en , el botón Añadir visual, de la barra de herramientas.
    Página de análisis: crear un elemento visual
  5. Haga clic en el icono elemento visual de Highcharts.
    Icono de elemento visual de Highcharts.
  6. En el panel Propiedades de la derecha, configure el elemento visual.
    1. En Ajustes de visualización, formatee el título y el subtítulo.
      Para obtener más información, consulte Formato de títulos y subtítulos de elementos visuales.
    2. En Límite de puntos de datos, introduzca el número máximo de puntos de datos que desea mostrar en el elemento visual en el campo Número de puntos de datos a mostrar.
      Los elementos visuales de Highcharts pueden mostrar hasta 10.000 puntos de datos.
    3. En Código del gráfico, introduzca un esquema JSON en el editor de código y haga clic en Aplicar el código.
      El editor de proporciona asistencia contextual y validación en tiempo real para garantizar que su JSON de entrada esté configurado correctamente. Puede ver los errores o advertencias identificados en la sección Errores.
      Nota: Para más información y ejemplos de código, consulte los recursos disponibles en la sección Referencia.
  7. Añada datos al elemento visual arrastrando los campos desde el panel Datos de la izquierda a los contenedores de campo adecuados del panel Elementos visuales:
    1. Arrastre dimensiones al contenedor del campo Agrupar por.
    2. Arrastre medidas al contenedor del campo Valor.
    Puede extraer datos de los campos añadidos en los contenedores de campo utilizando la expresión getColumn en el código del gráfico. Para obtener más información, consulte Lenguaje de expresiones JSON para Highcharts.

In this section:

  1. Lenguaje de expresiones JSON para Highcharts
    Los elementos visuales de Highcharts aceptan la mayoría de los valores JSON válidos, operadores aritméticos estándar, operadores de cadena y operadores condicionales. El lenguaje de expresiones JSON conecta JSON a API o conjuntos de datos para permitir el relleno de datos dinámico y la modificación de estructuras JSON.
Tema principal: Creación de elementos visuales