Configuración del control de gráficos

Para utilizar el control de gráficos, primero tiene que configurarlo.

Procedimiento

  1. Añada el control de gráficos a un Coach y, a continuación, seleccione el tipo de gráfico:
    • En la pestaña Configuración, seleccione Opciones de visualización > Gráficos, pulse la célula Tipo de gráfico y, a continuación, realice una selección como, por ejemplo, Gráfico circular.
    Consejo:

    En algunos casos, puede darse que el control de gráficos no visualice etiquetas para nombres de datos tal como se esperaba en los gráficos de tipo de barras vertical u horizontal. Este problema puede producirse cuando las marcas principales son demasiado grandes y no hay suficiente espacio para que las etiquetas se visualicen correctamente. Para resolver este problema, intente reducir el tamaño de las marcas principales.

    Cuando no se ha establecido un valor de marca principal, toma como valor predeterminado 10. Para reducir el tamaño de la marca principal, establezca el valor en un número más pequeño, como 1.0. Por ejemplo, utilice los siguientes valores:
    • Establezca el Gráfico de barras vertical, horizontalAxisMajorTickMarks en 1.0.
    • Asegúrese de que horizontalAxisMinorTickMarks está en blanco.
    • Establezca el Gráfico de barras horizontal, verticalAxisMajorTickMarks en 1.0.
    • Asegúrese de que verticalAxisMinorTickMarks está en blanco.
  2. Cree un objeto ChartData para el enlace:
    • En la pestaña Variables, añada una variable privada y seleccione ChartData como el tipo de variable.
  3. Añada un script de servidor al diagrama e inicialice el objeto ChartData utilizando un formato similar al del ejemplo siguiente :
       tw.local.myChartData = {
           plots: [
               {
                   series: [
                       {
                           label: "Flavors",
                           data: [
                               { name: "Apple", value: 4 },
                               { name: "Cherry", value: 3 },
                               { name: "Lemon", value: 1 }
                           ]
                       }
                   ]
               }
           ]
       };
  4. Enlace el gráfico a la variable privada.
  5. Opcional: Añada un control botón al coach para renovar manualmente los datos en el control Gráfico.

    Enlace el control Botón a la propiedad de configuración Chart Refresh del control Gráfico. Para obtener más información acerca de las propiedades de configuración, consulte Control Gráfico.