AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Gráfico / Tipos de gráficos
  • Presentación
  • Características de una carta compuesta
  • Creando un gráfico compuesto en el editor
  • Creación de un gráfico compuesto mediante programación
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Presentación
Una carta compuesta es una carta que muestra varios tipos de cartas.
Esta página de ayuda presenta:
Observación: una carta compuesta no es una carta"compuesta", sino que es una carta que contiene varias series, cada una de las cuales corresponde a un tipo específico de carta.
Características de una carta compuesta
Gráfico combinado
En este cuadro:
1. Gráfico de área
Gráfico de área que constituye la primera carta de la carta compuesta. Para crear este gráfico, la primera serie del gráfico se definió como un Área (en el editor, pestaña "Series") o mediante programación a través de grSeriesType.
2. Gráfico de columnas
Gráfico de columna que constituye la segunda carta de la carta compuesta.
3. significar
Promedio visualizado. Tienes la capacidad de añadir un Line de tendencia en un gráfico compuesto:
  • mediante la función grSeriesType.
  • en el editor, añadiendo una serie "Trend Line".
4. mito
Las características de la leyenda pueden definirse en la pestaña "Detalles" del control description ("Editar leyenda del gráfico").
5. Título del gráfico.
Las características del título del gráfico pueden definirse en la pestaña "Detalles" del control description ("Editar título del gráfico"). Puede definir el título del gráfico, su posición y su estilo.
6. Título de los ejes.
Creando un gráfico compuesto en el editor
Para crear un gráfico compuesto en el editor:
  1. Crear un nuevo gráfico control. Definir el tipo de este gráfico.
  2. En las pestañas "General" y "Detalles" de la ventana de description de control Gráfico, defina las principales características de su gráfico.
  3. En la pestaña "Series" de la ventana de description de control Gráfico, agregue las series necesarias así como su fuente de datos.
  4. Para cada serie, especifique en la sección inferior de la pantalla:
    • el tipo de gráfico associated con la serie: Line, Área, Columna, ....
    • la Color de serie, la opacidad, el tipo de puntos, ...
  5. Dependiendo del tipo de gráfico associated con la serie, definir las propiedades específicas de la serie.
Creación de un gráfico compuesto mediante programación
Para crear un gráfico compuesto mediante programación:
  1. Crear un gráfico (grCreate).
  2. Configure las opciones globales de este gráfico (grSmoothing, grLegend, ...).
  3. Para cada serie:
  4. Dibuja el gráfico (grDraw).
Observación: grSeriesType también puede utilizarse para definir líneas automatic en relación con una serie, para mostrar una media o una regresión lineal.
Ejemplo de código:
nCurrentYear is int = CurrentYear()
nYearN1 is int = nCurrentYear - 1
nYearN2 is int = nCurrentYear - 2
 
// Create the chart
grCreate(CHART_CompositeChart, grArea)
 
// Light border color
grColor(CHART_CompositeChart, grColorBorder, White)
 
// Displays the gridlines
grGridlines(CHART_CompositeChart, True, grXCoordinate)
 
// Labels of X-axis
FOR i = 1 TO 12
grCategoryLabel(CHART_CompositeChart, i, Left(MonthNumberInAlpha(i), 1) + ".")
END
 
// The legend will be displayed on the right
grLegend(CHART_CompositeChart, grAtRight)
// The colors must not be gradient colors
grGradient(CHART_CompositeChart, False)
 
// Series 1: objective (area)
// - type of series
grSeriesType(CHART_CompositeChart, 1, grArea)
// - line thickness
grLineThickness(CHART_CompositeChart, 1, 2)
// - type of line
grSeriesLineType(CHART_CompositeChart, 1, LineDash)
// - opacity
grSeriesOpacity(CHART_CompositeChart, 1, 50)
// - label
grSeriesLabel(CHART_CompositeChart, 1, "TO objective")
// - color
grSeriesColor(CHART_CompositeChart, 1, HTMLToRGB("#64B5F6"))
// - add data
grAddData(CHART_CompositeChart, 1, 1, 170)
grAddData(CHART_CompositeChart, 1, 2, 240)
grAddData(CHART_CompositeChart, 1, 3, 120)
grAddData(CHART_CompositeChart, 1, 4, 100)
grAddData(CHART_CompositeChart, 1, 5, 150)
grAddData(CHART_CompositeChart, 1, 6, 180)
grAddData(CHART_CompositeChart, 1, 7, 200)
grAddData(CHART_CompositeChart, 1, 8, 270)
grAddData(CHART_CompositeChart, 1, 9, 270)
grAddData(CHART_CompositeChart, 1, 10, 205)
grAddData(CHART_CompositeChart, 1, 11, 180)
grAddData(CHART_CompositeChart, 1, 12, 190)
 
 
// Series 2 and 3: history A and A-1 (grouped column chart)
// - type of series
grSeriesType(CHART_CompositeChart, 2, grColumn)
grSeriesType(CHART_CompositeChart, 3, grColumn)
// - label
grSeriesLabel(CHART_CompositeChart, 2, "Yearly TO " + nCurrentYear)
grSeriesLabel(CHART_CompositeChart, 3, "Yearly TO " + nYearN1)
// - color
grSeriesColor(CHART_CompositeChart, 2, HTMLToRGB("#FFF176"))
grSeriesColor(CHART_CompositeChart, 3, HTMLToRGB("#AED581"))
// - add data (series 2)
grAddData(CHART_CompositeChart, 2, 1, 110)
grAddData(CHART_CompositeChart, 2, 2, 230)
grAddData(CHART_CompositeChart, 2, 3, 80)
grAddData(CHART_CompositeChart, 2, 4, 72)
grAddData(CHART_CompositeChart, 2, 5, 50)
grAddData(CHART_CompositeChart, 2, 6, 120)
grAddData(CHART_CompositeChart, 2, 7, 170)
grAddData(CHART_CompositeChart, 2, 8, 230)
grAddData(CHART_CompositeChart, 2, 9, 125)
grAddData(CHART_CompositeChart, 2, 10, 215)
 
// - add data (series 3)
grAddData(CHART_CompositeChart, 3, 1, 150)
grAddData(CHART_CompositeChart, 3, 2, 210)
grAddData(CHART_CompositeChart, 3, 3, 50)
grAddData(CHART_CompositeChart, 3, 4, 62)
grAddData(CHART_CompositeChart, 3, 5, 40)
grAddData(CHART_CompositeChart, 3, 6, 160)
grAddData(CHART_CompositeChart, 3, 7, 180)
grAddData(CHART_CompositeChart, 3, 8, 220)
grAddData(CHART_CompositeChart, 3, 9, 230)
grAddData(CHART_CompositeChart, 3, 10, 205)
grAddData(CHART_CompositeChart, 3, 11, 150)
grAddData(CHART_CompositeChart, 3, 12, 160)
 
 
// Series 4: deviation (column chart)
// - type of series
grSeriesType(CHART_CompositeChart, 4, grColumn)
// - label
grSeriesLabel(CHART_CompositeChart, 4, StringBuild("Deviation %1-%2", nCurrentYear, nYearN1))
// - color
grSeriesColor(CHART_CompositeChart, 4, HTMLToRGB("#E57373"))
// - add data
grAddData(CHART_CompositeChart, 4, 1, -40)
grAddData(CHART_CompositeChart, 4, 2, 20)
grAddData(CHART_CompositeChart, 4, 3, 30)
grAddData(CHART_CompositeChart, 4, 4, 10)
grAddData(CHART_CompositeChart, 4, 5, 10)
grAddData(CHART_CompositeChart, 4, 6, -40)
grAddData(CHART_CompositeChart, 4, 7, -10)
grAddData(CHART_CompositeChart, 4, 8, 10)
grAddData(CHART_CompositeChart, 4, 9, 20)
grAddData(CHART_CompositeChart, 4, 10, 10)
 
 
// Displays a mean for the TO line
// - type of series
grSeriesType(CHART_CompositeChart, 5, grLineMeanValue, 2)
// - label
grSeriesLabel(CHART_CompositeChart, 5, "Average TO "+ nCurrentYear)
// - type of line
grSeriesLineType(CHART_CompositeChart, 5, LineDotted)
// - line thickness
grLineThickness(CHART_CompositeChart, 5, 2)
// - color
grSeriesColor(CHART_CompositeChart, 5, RGB(215, 100, 177))
 
// Draw the chart
grDraw(CHART_CompositeChart)
Versión mínima requerida
  • Versión 22
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 27/05/2022

Señalar un error o enviar una sugerencia | Ayuda local