Descripción general

Puedes combinar varios tipos de gráficos con los marcadores de línea o velas para destacar las tendencias de datos o mostrar la varianza. Cuando agregas marcadores de líneas o velas a gráficos de barras, de dispersión o de otros tipos, el gráfico resultante se denomina gráfico compuesto. Algunos gráficos compuestos se ven como una combinación de dos tipos de gráficos, por ejemplo, un gráfico de barras con una línea de seguimiento:

mientras que otros lucen como tipos de gráficos completamente nuevos, por ejemplo, un gráfico de cuadros:

.

Cómo crear un gráfico compuesto

Todos los gráficos compuestos constan de uno o más tipos de gráficos base (de línea, de dispersión, de barras o de radar) combinados con uno o más conjuntos de marcadores. Estos marcadores requieren datos para colocarlos en el gráfico. En algunos casos, puedes usar las mismas series de datos que para dibujar las barras o los puntos de un gráfico, pero, por lo general, es conveniente que los marcadores tengan sus propios conjuntos de datos independientes. Si deseas que el gráfico tenga diferentes series de datos para el gráfico base y para los marcadores, debes ocultar los datos de los marcadores del gráfico base (de manera que no intente dibujar más barras o líneas con esos datos). A continuación, le indicamos cómo hacerlo:

1. Agrega la serie de datos de tus marcadores al final del parámetro chd. Por ejemplo, si tu gráfico de barras tuviera datos chd=t:30,10,20, podrías agregar datos nuevos para un marcador de línea como el siguiente: chd=t:30,10,20|60,40,50.
2. Oculta los datos de tu marcador adicional del gráfico base. Si simplemente agregas una serie de datos adicional a un gráfico de barras para la línea de seguimiento, el gráfico la mostrará como una nueva serie de barras. Para evitarlo, debes ocultar esta serie adicional. Para ocultar una serie, incluye un solo dígito después del descriptor de formato chd: por ejemplo, chd=t1:30,10,20|60,40,50. Este dígito le indica a la API de Chart cuántas series de datos debe usar para dibujar elementos para ese tipo de gráfico base, según lo definido por el parámetro cht (barras para gráficos de barras, puntos de datos para gráficos de líneas, etcétera). El tipo de gráfico ignorará cualquier serie de datos adicional cuando se dibuje el gráfico. Ten en cuenta que este es un número que se basa en 1, no en 0. Por lo tanto, t1 significa "usar solo la primera serie de datos para barras", t2 significa "usar solo las dos primeras series para barras", etcétera.
   1. Notas:
      1. Diagramas de dispersión: Los diagramas de dispersión ocultan los datos de una manera diferente. Consulta la documentación para obtener más detalles.
      2. Gráficos de líneas lxy: Permite especificar un número par de series que se mostrarán (t0, t2, t4, etcétera). Esto se debe a que cada línea de un gráfico lxy se describe mediante dos series de datos: una para valores X y otra para valores Y.
3. Usa las series de datos ocultas para dibujar marcadores de velas, marcadores de líneas y otros marcadores. En las secciones vinculadas, se explica cómo dibujar marcadores. Haz referencia a las series de datos ocultas como la fuente de tus marcadores. Puedes incluir todas las series de datos ocultos adicionales que desees y usarlas para otros marcadores de gráfico.

Este es el gráfico que acabamos de describir:

cht=bvg
chd=t1:30,10,20|60,40,50
chm=D,0033FF,1,0,5,1

 

Tipos de gráficos

A continuación, se incluye una lista de los tipos de marcadores y los tipos de gráficos con los que se pueden utilizar:

Tipo de marcador	Tipos de gráficos básicos compatibles
Line	Línea, Dispersión, Barra y Radar
Candelero	Línea, Barra
Todos los demás	Línea, Dispersión, Barra y Radar

Estos son algunos ejemplos de los tipos de gráficos compuestos que puedes crear:

Tipo de gráfico	Descripción	Ejemplo
Gráficos de marcadores de línea	Los marcadores de línea se pueden usar para mostrar tendencias en muchos otros tipos de gráficos.
Gráficos de velas	Los gráficos de velas a menudo se usan para mostrar datos financieros.
Diagramas de caja	Los gráficos de cuadros se utilizan para mostrar datos agrupados en cuartiles de rango.
Gráficos incorporados	Puedes incorporar un gráfico dentro de otro gráfico.
Otros marcadores	Puedes ocultar datos de marcadores en cualquiera de los tipos de gráficos base aceptables y usarlos con cualquier otro tipo de marcadores que desees.	chd=t1:   10,20,30,40,50,60,70,80   5,10,15,20,25,30,35,40,45,50 chm=o,000000,1,-1,5

Volver al principio

 

Gráficos de marcadores de líneas

Puedes agregar líneas a los gráficos de líneas, scatter, barras o radar para destacar tendencias.

Tipo de base y tipo de marcador	Descripción	Ejemplo
Barra + línea	A continuación, se muestra un gráfico de barras con una línea de seguimiento. Las dos primeras series de datos se usan para las barras apiladas y la serie restante se usa para la línea. chd=s2 indica que el gráfico debe usar solo las dos primeras series para barras. La línea usa la tercera serie para sus datos. chd=s2:1XQbnf4,EWoQMUB,9halxp9: codificación simple, en la que las dos primeras series se usan para dibujar las barras y la última serie se usa para la línea. chm=D,0033FF,2,0,5,1: Línea de seguimiento (D) azul; datos del índice de serie 2, todos los puntos (0), línea de 5 píxeles de ancho y orden z de 1.	chm=   D,0033FF,2,0,5,1 chd=s2:   1XQbnf4,   EWoQMUB,   9halxp9
Dispersión + línea	Puedes agregar una línea a un diagrama de dispersión para mostrar los promedios. Ten en cuenta que los diagramas de dispersión ocultan los datos de los marcadores de otra manera. Consulta Gráficos de dispersión para obtener más detalles.	chd=t:   12,16,16,24,26,28,41,51,66,68,13,45,81|   16,14,22,34,22,31,31,48,71,64,15,38,84 chm=   o,0000FF,0,-1,0|   o,FF0000,0,0:9:,5|   D,000000,1,10:,1,-1
Barra + línea	Este es otro gráfico de barras apiladas con una línea independiente dibujada.	cht=bvs chd=t2:   0,10,20,30,20,70,80|   0,20,10,5,20,30,10|   10,0,20,15,60,40,30 chm=D,76A4FB,2,0,3
Barra + Círculos	Igual que en el gráfico anterior, pero con marcadores circulares en lugar de un marcador de línea. Especificamos cada valor de datos de 0.5, lo que agrega puntos intermedios calculados en la línea de puntos.	cht=bvs chd=t2:   0,10,20,30,20,70,80|   0,20,10,5,20,30,10|   10,0,20,15,60,40,30 chm=o,76A4FB,2,-.5,10

Volver al principio

 

Gráficos de velas

Los gráficos de velas requieren al menos cuatro series de datos para dibujar las velas, además de series adicionales para cualquier otro elemento del gráfico. Los gráficos de velas pueden mostrar solo un conjunto de marcadores de velas o pueden ser una combinación de marcadores de velas más gráficos de barras o líneas, como se muestra a continuación:

Tipo de base y tipo de marcador	Descripción	Ejemplo
Línea (oculta) + Candelabro	En este ejemplo, se muestra un gráfico que incluye solo marcadores de velas. chd=t0: El 0 significa que todas las series de datos están ocultas del tipo de gráfico básico (en este caso, un gráfico de líneas), por lo que solo se dibujan las velas. El primer y el último valor de cada serie son -1 para indicar valores faltantes y evitar dibujar la primera o la última vela, que se superpondrá al eje o el margen del gráfico y se recortará. chm=F,0000FF,0,-1,20: F indica marcadores de velas (originalmente "marcadores financieros"), 0000FF significa que los marcadores son azules cuando el valor disminuye; 0 indica que los datos de las velas comienzan en la serie 0; -1 indica los marcadores en todos los puntos (también podríamos haber especificado 0:4 aquí para ocultar la primera y la última vela en lugar de usar valores de datos -1); 20 es el ancho de las velas.	cht=lc chd=t0:   -1,5,10,7,12,-1|   -1,25,45,47,24,-1|   -1,40,30,27,39,-1|   -1,55,63,59,80,-1 chm=F,0000FF,0,-1,20
Línea y vela	Este es un ejemplo de un gráfico de líneas con marcadores de velas. Se proporcionan cinco series de datos: la primera se usa para el tipo de gráfico (línea) y las series de datos “ocultas” restantes se usan para los marcadores de velas. El parámetro chd=t1 especifica que solo se usa la primera serie para ese tipo de gráfico (gráfico de líneas). Omitimos el primer y el último marcador de la vela con 1:4 en el valor <which_points>, ya que la primera y la última se recortan según los bordes del área del gráfico. El parámetro chm especifica los marcadores de velas, con la sintaxis F,<declining_color>,<data_series_index>,<which_points>,<width>,<order>.	cht=lc chd=t1:   20,10,15,25,17,30|   0,5,10,7,12,6|   35,25,45,47,24,46|   15,40,30,27,39,54|   70,55,63,59,80,6 chm=   F,,1,1:4,20
Línea y vela	Otro ejemplo de gráfico de velas, pero con colores de relleno personalizados.	chd=t1: t1:   90,80,70,50,40,30,20,10|   0,5,10,0,5,10,0|2,15,20,5,15,40,0|   5,35,20,2,35,20,0|   15,40,30,15,40,50,0 chm=   F,000000,1,1:-2,20
Barra y vela	Este es un ejemplo de un gráfico de barras con marcadores de velas. Aquí mostramos el primer y el último marcador de vela, porque las barras agregan suficiente espaciado para evitar que los límites del gráfico las recorten.	cht=bvg chd=t1:   20,10,15,25,17,30|   0,5,10,7,12,6|   35,25,45,47,24,46|   15,40,30,27,39,54|   70,55,63,59,80,6 chm=   F,,1,1:4,20

Volver al principio

 

Gráficos de caja

Los gráficos de caja, también llamados diagramas de caja o gráficos de caja y bigote, son un tipo de gráfico que muestra la agrupación de una o más series en cuartiles (los cuartiles son grupos que abarcan el 25% del rango de valores, con la posible excepción de valores atípicos). Los gráficos de cajas son similares a los gráficos de velas, pero con marcadores agregados para la parte inferior y superior de la vela, además de un marcador del percentil 50.

Un gráfico de cajas está compuesto por completo por marcadores, como se muestra a continuación:

chm=   F,0000FF,0,1,10	chm=   H,0000FF,0,1,1:10|   H,0000FF,3,1,1:10|   H,0000FF,4,1,1:10	chm=   o,FF0000,5,,5|   o,FF0000,6,,5
Un conjunto de marcadores de velas (chm=F) para el cuerpo de los cuadros:	Un conjunto de marcadores de forma de línea horizontal de longitud ajustable (chm=H) para las líneas de percentil mínimo, 50 y 100:	De manera opcional, algunos marcadores de forma de círculo (chm=o) para mostrar valores atípicos en el conjunto de datos	Si las junta todas, obtendrá un gráfico de cajas.

El tipo de gráfico base para los gráficos de cuadros es cualquiera de los tipos de gráfico de barras (bhs, bvs, bhg, bvg) o de gráfico de líneas (lc, ls, lxy). Sin embargo, si ocultas el tipo de gráfico base cuando agregas un cero en el parámetro de formato de datos (por ejemplo: chd=t0: o chd=s0:), no importa qué tipo de gráfico elijas.

Un gráfico de cuadros debe tener al menos cinco series de datos: cuatro para los cuadros y los marcadores máximo y mínimo, una para el marcador del 50% y cualquier serie de datos adicional para los marcadores adicionales que desees, como los marcadores con valores atípicos. Este es el orden recomendado de la serie. Ten en cuenta que, si el valor de la serie 1 es mayor que el valor correspondiente de la serie 2, el cuadro se completará con el color de marcador chm=F. Si el valor de la serie 1 es menor que el valor de la serie 2, el cuadro estará vacío. Consulta Marcadores de velas para obtener más información.

Pedido en serie de una caja sin completar:

0. Valor mínimo
1. Marcador del 25% (75% para los cuadros rellenos)
2. Marcador del 75% (25% para un cuadro lleno)
3. Valor máximo
4. Marcador del 50%
5. Las series seis y posteriores se utilizan para datos de marcadores adicionales, como valores atípicos.

Puedes colocar las series de marcadores adicionales antes o después de los datos del marcador de velas, pero es más sencillo colocarlos todos al final.

Puedes crear diferentes estilos de gráficos de cajas especificando distintos marcadores, diferentes tipos de gráficos base, o bien ordenando los datos de manera diferente

Descripción	Ejemplo
Este es un gráfico de cuadros estándar, pero con distintos colores asignados a los distintos elementos del gráfico para destacar el marcador que se utiliza para crear cada elemento del gráfico. cht=bvs: El tipo de gráfico base es bvs, pero en realidad no se muestran las barras de este gráfico base. Podríamos haber especificado cualquier tipo de gráfico compuesto aquí. chd=t0: El objeto t0 oculta todas las líneas de este gráfico de líneas. Todos los datos se usarán solo para los marcadores. En los datos, el primer y el último valor son -1 para evitar tener marcadores que se superpongan a los bordes izquierdo y derecho del gráfico. Todos los valores de la segunda serie son menores que los valores correspondientes de la tercera serie, por lo que todos los cuadros están vacíos. -1,5,10,7,12,-1 (valor mínimo): punto inferior de los palos naranjas inferiores; también la altura de las líneas verdes horizontales. -1,25,30,27,24,-1: Valor del 25%: borde horizontal inferior de los cuadros naranjas. -1,40,45,47,39,-1: Valor del 75%: borde horizontal superior de los cuadros naranjas. -1,55,63,59,80,-1 (valor máximo): Punto superior de las barras naranjas superiores; también la altura de las líneas azules horizontales. -1,30,40,35,30,-1: Líneas negras horizontales “medianas” dentro de las velas. -1,-1,5,70,90,-1: Datos de valores atípicos (círculos rojos) -1,-1,-1,80,5,-1: Más datos de valores atípicos (círculos rojos). Los datos de valores atípicos se dividen en dos conjuntos porque no puedes tener dos marcadores, uno encima del otro, especificados en la misma serie sin usar desplazamientos ni otros trucos complicados. chm= - Datos del marcador, como se describe a continuación: F,FF9900,0,1:4,40: Marcadores naranjas de velas (F) que usan cuatro series de datos que comienzan en la primera serie (0), en los puntos 1 a 4, tamaño 40. H,0CBF0B,0,1:4,1:20: Son los marcadores de línea horizontal verde que muestran el valor mínimo. Estos provienen de la primera serie. H,0000FF,3,1:4,1:20: Son los marcadores de línea horizontal azul que muestran el valor máximo. Estos provienen de la serie 3. H,000000,4,1:4,1:40: Son marcadores de línea horizontal negro que muestran el valor del 50%. Estos provienen de la serie 4. o,FF0000,5,-1,7: Círculos rojos asignados a la sexta serie de datos para valores atípicos. Los marcadores se asignan a todos los elementos de esta serie, que usa -1 para los cuadros sin valores atípicos. o,FF0000,6,-1,7: más valores atípicos. Se requiere otra serie de datos cuando deseas apilar valores atípicos uno encima del otro alrededor del mismo cuadro.	cht=bvs chd=t0:   -1,5,10,7,12,-1|   -1,25,30,27,24,-1|   -1,40,45,47,39,-1|   -1,55,63,59,80,-1|   -1,30,40,35,30,-1|   -1,-1,5,70,90,-1|   -1,-1,-1,80,5,-1 chm=   F,FF9900,0,1:4,40|   H,0CBF0B,0,1:4,1:20|   H,000000,4,1:4,1:40|   H,0000FF,3,1:4,1:20|   o,FF0000,5,-1,7|   o,FF0000,6,-1,7
El tipo de gráfico lc siempre mostrará las líneas de los ejes. Para crear un gráfico sin líneas de eje, especifica un tipo de gráfico de ls.	cht=lc    cht=ls
Para crear un cuadro relleno, haz que el punto de la segunda serie sea mayor que el punto correspondiente de la tercera serie. El valor más grande está marcado en rojo en el código que se muestra a la derecha.	chd=t0:   -1,5,10,7,12,-1   -1,40,30,27,24,-1   -1,25,45,47,39,-1   -1,55,63,59,80,-1

Volver al principio

 

Gráficos incorporados

Puedes incorporar cualquier tipo de gráfico en un gráfico de barras, de líneas, de radar o de scatter mediante íconos dinámicos. Consulta la sección Gráficos incorporados de la documentación sobre el marcador de íconos dinámicos (chem).

Volver al principio

 

Funciones estándares

El resto de las funciones de esta página son funciones estándar del gráfico.

Marcadores de línea chm=D [Barra, vela, línea, radar, dispersión]

Puedes agregar una línea que realice un seguimiento de los datos en tu gráfico. En la mayoría de los casos, se usa en los gráficos compuestos.

Para agregar varias líneas (o combinar esto con cualquier otro marcador chm), separa los conjuntos de parámetros chm con un delimitador de barra vertical ( |). No se puede crear un marcador de línea punteada con este parámetro.

Sintaxis

chm=
  D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>

D

Indica que se trata de un marcador de línea.

<color>

Es el color de la línea, en formato hexadecimal RRGGBB.

<series_index>

Es el índice de la serie de datos que se usa para trazar la línea. El índice de la serie de datos es 0 para la primera serie de datos, 1 para la segunda serie de datos, y así sucesivamente.

<which_points>

Qué puntos de una serie se deben usar para trazar la línea Usa uno de los siguientes valores:

• 0: Usa todos los puntos de la serie.
• start:end: Usa un rango específico de puntos en la serie, desde el inicio hasta el final, inclusive (índice basado en cero). También puedes usar valores de punto flotante para especificar puntos intermedios o dejar start o end en blanco para indicar el primer o el último dato, respectivamente. start y end pueden ser negativos, como índices inversos del último valor. Si start y end son negativos, asegúrate de escribirlos en un valor creciente (por ejemplo, -6:-1).

<size>

Es el ancho de la línea en píxeles.

<opt_z_order>

[Opcional] Es la capa en la que se dibuja el marcador en comparación con otros marcadores y todos los demás elementos del gráfico. Este es un número de punto flotante de -1.0 a 1.0 inclusive, donde -1.0 es la parte inferior y 1.0 es la parte superior. Los elementos del gráfico (líneas y barras) son solo inferiores a cero. Si dos marcadores tienen el mismo valor, se dibujan en el orden que establece la URL. El valor predeterminado es 0.0 (justo por encima de los elementos del gráfico).

 

Ejemplos

Descripción	Ejemplo
A continuación, se muestra un ejemplo de cómo dibujar una línea de marcador en un gráfico de barras. El orden z se establece en 1, por lo que la línea se dibuja sobre las barras. En este ejemplo, se usan los mismos datos para las barras y la línea de datos.	chm=D,0033FF,0,0,5,1 chd=s:1XQbnf4
Este es el mismo gráfico de barras, pero con una serie de datos adicional solo para la línea. Este es un ejemplo de un gráfico compuesto. Los gráficos compuestos se dibujan agregando series de datos adicionales al parámetro chd, además de un valor a chd que le indica al gráfico que "ignora" la serie de datos adicional. Consulta los gráficos compuestos para obtener más información.	chm=D,0033FF,1,0,5,1 chd=s1:1XQbnf4,43ksfg6

Volver al principio

Marcadores de forma chm [Barra, línea, radar, dispersión]

Puedes especificar marcadores gráficos para todos los datos o para cada uno de ellos. Si dos o más marcadores ocupan el mismo punto, se dibujan en el orden en que aparecen en el parámetro chm. También puedes crear marcadores de texto en puntos de datos. Este tema se trata en la sección Marcadores de puntos de datos.

Puedes combinar marcadores de forma con cualquier otro parámetro chm mediante un carácter de barra vertical ( |) para separar los parámetros chm.

Sintaxis

Especifica un conjunto de los siguientes parámetros para cada serie que se debe marcar. Para marcar varias series, crea conjuntos de parámetros adicionales, delimitados por un carácter de barra vertical. No es necesario que marques todas las series. Si no asignas marcadores a una serie de datos, no obtendrá ningún marcador.

Los marcadores de forma se comportan de manera ligeramente diferente en los gráficos de dispersión. Consulta esa documentación para obtener más información.

chm=
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
    |...|
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>

@

(opcional) Si antecede el tipo de marcador con el carácter opcional @, entonces <opt_which_points> debe usar el formato x:y.

<marker_type>

Es el tipo de marcador que se usará. Especifica uno de los siguientes tipos:

• a: Flecha
• c - Cruz
• C: Rectángulo. Si se trata de un marcador rectangular, debes tener al menos dos series de datos, donde la serie 0 especifica el borde inferior y la serie 1 especifica el borde superior. <size> especifica el ancho del rectángulo en píxeles.
• d: Diamante
• E: Marcador de barra de error ( ). Este marcador requiere que se creen dos series de datos, un valor para la parte inferior y el punto correspondiente de la segunda serie para la parte superior. También expone una sintaxis <size> extendida: line_thickness[:top_and_bottom_width], en la que top_and_bottom_width es opcional. Consulta los ejemplos que aparecen a continuación
• h: Es una línea horizontal del gráfico a una altura especificada. (El único formato válido para el parámetro <opt_which_points> es n.d).
• H: Línea horizontal que atraviesa el marcador de datos especificado. Esto admite una sintaxis <size> extendida que te permite especificar una longitud de línea exacta: line_thickness[:length], en la que :length es opcional y se establece de forma predeterminada en el ancho completo del área del gráfico.
• o: Círculo
• s: Cuadrado
• v: Línea vertical desde el eje x hasta el punto de datos
• V: Línea vertical de longitud ajustable. Esto admite una sintaxis de valor <size> extendida que te permite especificar una longitud de línea exacta: line_thickness[:length], en la que :length es opcional y se establece de forma predeterminada en la altura del área completa del gráfico. El marcador se centra en el punto de datos.
• x: Una X

<color>

Es el color de los marcadores de esta serie, en formato hexadecimal RRRGGBB.

<series_index>

: Es el índice basado en cero de la serie de datos en la que se dibujarán los marcadores. Se ignora para los marcadores h y los que especifican la ubicación por posición x/y (comienza con el carácter @). Puedes usar series de datos ocultos como fuente de marcadores. Consulta Gráficos compuestos para obtener más información. Los gráficos de barras verticales agrupadas admiten una sintaxis extendida especial para alinear marcadores con barras específicas.

<opt_which_points>

[Opcional] En qué puntos se deben dibujar los marcadores. La configuración predeterminada es "Todos los marcadores". Usa uno de los siguientes valores:

• n.d: Indica dónde dibujar el marcador. El significado depende del tipo de marcador:
  • Todos los tipos excepto h: Es el punto de datos sobre el que se dibujará el marcador, donde n.d es el índice basado en cero de la serie. Si especificas un valor que no es un número entero, la fracción indica un punto intermedio calculado. Por ejemplo, 3.5 significa a mitad de camino entre los puntos 3 y 4.
  • h: Es un número del 0.0 al 1.0, en el que 0.0 es la parte inferior y 1.0 es la parte superior.
• -1: Dibuja un marcador en todos los datos. También puedes dejar este parámetro vacío para dibujar en todos los datos.
• -n: dibuja un marcador en cada dato n-ésimo. Es un valor de punto flotante. Si n es menor que 1, el gráfico calculará los puntos intermedios adicionales por ti. Por ejemplo, -0.5 colocará el doble de marcadores que los datos.
• start:end:n: Dibuja un marcador en cada dato n-ésimo de un rango, desde los valores de índice start hasta end inclusive. Todos los parámetros son opcionales (es posible que no estén), por lo que 3::1 estaría desde el cuarto elemento al último, el paso 1, y si se omite este parámetro por completo, el valor predeterminado será first:last:1. Todos los valores pueden ser números de punto flotante. start y end pueden ser negativos, para contar hacia atrás desde el último valor. Si start y end son negativos, asegúrate de que aparezcan en valores crecientes (por ejemplo, -6:-1:1). Si el valor del paso n es menor que 1, se calcularán datos adicionales mediante la interpolación de los valores de datos proporcionados. Los valores predeterminados son first:last:1
• x:y: Dibuja un marcador en un punto x/y específico del gráfico. No es necesario que este punto esté en una línea. Agrega el carácter @ antes del tipo de marcador para utilizar esta opción. Especifica las coordenadas como valores de punto flotante, en el que 0:0 es la esquina inferior izquierda del gráfico y 1:1 es la esquina superior derecha. Por ejemplo, para agregar un diamante rojo de 15 píxeles en el centro de un gráfico, usa @d,FF0000,0,0.5:0.5,15.

<size>

El tamaño del marcador en píxeles. La mayoría toma un valor numérico único para este parámetro. Los marcadores V, H y S admiten la sintaxis <size>[:width], en la que la segunda parte opcional especifica la línea o la longitud del marcador.

<opt_z_order>

[Opcional] Es la capa en la que se dibuja el marcador en comparación con otros marcadores y todos los demás elementos del gráfico. Este es un número de punto flotante de -1.0 a 1.0 inclusive, donde -1.0 es la parte inferior y 1.0 es la parte superior. Los elementos del gráfico (líneas y barras) son solo inferiores a cero. Si dos marcadores tienen el mismo valor, se dibujan en el orden que establece la URL. El valor predeterminado es 0.0 (justo encima de los elementos del gráfico).

<opt_offset>

Opcional: Te permite especificar desplazamientos horizontales y verticales desde la ubicación especificada. Esta es la sintaxis, que usa un delimitador: reserved:<horizontal_offset>:<vertical_offset>. Si se especifica, puedes incluir un valor , vacío en la cadena del parámetro chm para <opt_z_order>. Ejemplos: o,FF9900,0,4,12,,:10 o,FF9900,0,4,12.0,,:-10:20 o,FF9900,0,4,12,1,::20

• reservado: Deja este campo en blanco.
• <horizontal_offset>: Es un número positivo o negativo que especifica el desplazamiento horizontal en píxeles. Opcional; déjalo en blanco si no se usa.
• <vertical_offset>: Es un número positivo o negativo que especifica el desplazamiento vertical, en píxeles. Opcional; déjalo en blanco si no se usa.

 

Ejemplos

Descripción	Ejemplo
A continuación, se muestra un ejemplo de varios de los marcadores de forma y línea. a,990066,0,0.0,9.0: flecha púrpura, primera serie, primer punto, tamaño 9. c,FF0000,0,1.0,20.0: Cruz roja, primera serie, segundo punto, tamaño 9. d,80C65A,0,2,20.0: Diamante verde, primera serie, tercer punto, tamaño 9. H,000000,0,3,1:40: Línea horizontal negra, primera serie, punto de datos 3, un píxel de ancho, cuarenta píxeles de largo. o,FF9900,0,4.0,12.0: Círculo naranja, primera serie, quinto punto, tamaño 12. s,3399CC,0,5.0,11.0: Cuadrado azul, primera serie, sexto punto, tamaño 11. v,BBCCED,0,6.0,1.0: Línea vertical hasta un punto, primera serie, séptimo punto, un píxel de ancho. V,3399CC,0,7.0,1.0: Línea vertical inferior a la parte superior del gráfico, primera serie, octavo punto, un píxel de ancho. x,FFCC33,0,8.0,20.0: "X" amarilla, primera serie, noveno punto, tamaño 20. H,FFFF00,0,9,2: Es la línea horizontal amarilla del ancho del gráfico en el punto de datos 9. h,FF0000,0,0.5,1: Línea horizontal roja en la altura designada, primera serie, a la mitad del gráfico, de un píxel de ancho.	chm=   a,990066,0,0.0,9.0|   c,FF0000,0,1.0,20|   d,80C65A,0,2.0,20.0|   H,000000,0,3,1:40|   o,FF9900,0,4.0,12.0|   s,3399CC,0,5.0,11.0|   v,BBCCED,0,6,1.0|   V,3399CC,0,7,1.0|   x,FFCC33,0,8,20|   H,FFFF00,0,9,2|   h,FF0000,0,0.5,1
A continuación, se muestra un ejemplo en el que se usan diamantes para una serie de datos y círculos para la otra. Si dos o más marcadores ocupan el mismo punto, se dibujan en el orden en que aparecen en el parámetro chm. En este caso, el círculo es el primer marcador que se especifica con chm, por lo que se dibuja primero. El diamante se especifica y se dibuja en segundo lugar, lo que hace que se dibuje sobre el círculo.	chm=   o,FF9900,0,-1,15.0|   d,FF0000,1,-1,10.0
A continuación, se muestra un gráfico de líneas con un marcador cada segundo punto de datos (-2 significa cada dos puntos).	chd=t:   0,20,20,50,40,70,70,90,85,45,40,50 chm=   o,0066FF,0,-2,6
Este es un gráfico de líneas con el doble de marcadores que los datos (-0.5 significa cada medio punto).	chd=t:   0,20,20,50,40,70,70,90,85,45,40,50 chm=   o,0066FF,0,-.5,6
En este ejemplo, se muestra cómo usar los marcadores h y v para crear líneas de cuadrícula con colores y grosores personalizados. El valor de orden z (el último valor) se establece en -1 para que las líneas de la cuadrícula se dibujen debajo de la línea de datos.	chm=   h,76A4FB,0,0:1:.2,2,-1|   V,76A4FB,0,::2,0.5,-1
En este gráfico, se agregan líneas de relleno verticales a un gráfico de líneas: v: Líneas verticales en el gráfico FF0000 - Líneas rojas 0 - Índice de la serie : :.5: Especificador de rango: de principio a fin, cada 0.5 puntos. 2: Grosor de 2 píxeles.	chm=   v,FF0000,0,::.5,2
En este ejemplo, se agrega una flecha y un marcador de texto al gráfico con coordenadas exactas. El primer marcador D es la línea de trazado debajo de las barras. El segundo marcador es la flecha y el tercer marcador es el texto de la flecha.	chm=   D,003971,1,0,3|   @a,000000,0,.25:.75,7|   @tExpected,000000,0,.35:.85,10
Una línea horizontal fijada a un dato específico (H) puede ser útil para mostrar valores relativos o enfatizar la altura de un valor de datos en un gráfico.	chm=H,FF0000,0,18,1
En este gráfico, se muestran los marcadores que pueden especificar el grosor y la longitud de las líneas en el parámetro <size>. E,000000,0,6,1:20: Es una barra de error negra con líneas de ancho de 1 píxel y barras inferiores y superiores de 20 píxeles de largo. La parte inferior está anclada a la serie 0 punto 8, la parte superior está anclada a la serie 1 punto 8. H,990066,1,2,5:50: Línea horizontal púrpura de cinco píxeles de ancho y cincuenta píxeles de largo, centrada en el punto de datos 2. V,3399CC,0,8,3:50: Línea vertical azul de 3 píxeles de ancho y cincuenta píxeles de largo, centrada en el punto de datos 8.	title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,7,5:50%,990066,1,9,5:50%,990066,17:9:50% chm=   E,000000,0,6,1:20|   H,990066,1,2,5:50|   V,3399CC,0,8,3:50

Volver al principio

Marcadores de velas chm=F [Barra, línea]

Los marcadores de velas indican la varianza y el cambio de dirección en una serie de datos. A menudo, se usan para mostrar los valores de las acciones durante el transcurso de un día. El marcador incluye segmentos que muestran los valores altos y bajos, así como los valores de apertura y cierre para un período específico (por lo general, un día). Obtén más información sobre los marcadores de velas aquí.

Un marcador de vela se dibuja como un rectángulo dividido por una línea vertical. Se requieren cuatro series de datos para dibujar un marcador de velas. Esto es lo que especifica cada serie:

• Las serie 1 y 4 especifican la parte inferior y superior de la línea vertical, respectivamente. Suelen representar los valores bajos y altos del día.
• Las serie 2 y 3 especifican los bordes verticales del rectángulo. La serie 2 es el valor de apertura y la serie 3 es el valor de cierre. El color del rectángulo depende de cuál sea mayor: cuando el valor de apertura (serie 2) es menor que el valor de cierre (serie 3), el precio aumentó y el rectángulo se llena con verde sólido de forma predeterminada. Cuando el valor de apertura (serie 2) es mayor que el valor de cierre (serie 3), el precio disminuye y el rectángulo se rellena de rojo continuo de forma predeterminada. Solo puedes especificar un color de relleno para el rectángulo con valor decreciente. Cuando especificas eso, el rectángulo con el valor creciente queda vacío (vacío). Ten en cuenta que la serie 2 puede aparecer en la parte superior o inferior del rectángulo, dependiendo de si el precio aumentó o bajó.

Puedes combinar los marcadores de velas con cualquier otro parámetro chm mediante un carácter de barra vertical ( |) para separar los parámetros chm.

Nota: Si no quieres que aparezcan en el gráfico las líneas de los datos usados para dibujar los marcadores, debes incluir un 0 después del tipo de formato. Por ejemplo: chd=t0:10,20,30,40 en una cadena de datos de formato de texto. Consulta Gráficos compuestos para obtener más información.

Aquí hay un ejemplo que muestra las líneas para cada serie:

Sintaxis

chm=
  F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>

F

Indica que este es un marcador de vela.

<opt_declining_color>

[Opcional] Color de relleno de los rectángulos cuando el valor disminuye (cuando el valor de la serie 2 es > valor de la serie 3 correspondiente). Este es un número hexadecimal de formato RRGGBB. Cuando los valores aumenten, el rectángulo estará vacío. El valor predeterminado es verde continuo para el aumento y rojo continuo para disminuir (no puedes especificar un color de relleno personalizado para valores mayores).

<data_series_index>

Es el índice de la serie de datos que se usará como la primera serie para los marcadores de velas. Este es un índice basado en cero. Por lo tanto, si especificas 1 aquí y tienes seis series, la segunda, tercera, cuarta y quinta se usarán para dibujar marcadores de velas.

<opt_which_points>

[Opcional] Especifica qué datos se usan para dibujar marcadores. La configuración predeterminada es Todos los marcadores. Usa uno de los siguientes formatos:

• n.d: Dibuja un marcador en un solo punto de la serie, donde n.d es el índice del punto en la serie. Si especificas un valor que no es un número entero, la fracción indica un punto intermedio calculado. Por ejemplo, 3.5 significa a mitad de camino entre los puntos 3 y 4.
• -1: Dibuja un marcador en todos los datos. También puedes dejar este parámetro vacío para dibujar en todos los marcadores.
• -n: dibuja un marcador en cada dato n-ésimo.
• start:end:n: Dibuja un marcador en cada dato n-ésimo de un rango, desde los valores de índice start hasta end inclusive. Todos los parámetros son opcionales (es posible que no estén), por lo que 3::1 estaría desde el cuarto elemento al último, el paso 1, y si se omite este parámetro por completo, el valor predeterminado será first:last:1. Todos los valores pueden ser números de punto flotante. start y end pueden ser negativos, para contar hacia atrás desde el último valor. Si start y end son negativos, asegúrate de que aparezcan en valores crecientes (por ejemplo, -6:-1:1). Si el valor del paso n es menor que 1, se calcularán los datos adicionales mediante la interpolación de los valores de datos proporcionados. Los valores predeterminados son first:last:1

<ancho>

El ancho de todos los rectángulos, en píxeles.

<opt_z_order>

[Opcional] Es la capa en la que se dibuja el marcador en comparación con otros marcadores y todos los demás elementos del gráfico. Este es un número de punto flotante de -1.0 a 1.0 inclusive, donde -1.0 es la parte inferior y 1.0 es la parte superior. Los elementos del gráfico (líneas y barras) son solo inferiores a cero. Si dos marcadores tienen el mismo valor, se dibujan en el orden que establece la URL. El valor predeterminado es 0.0 (justo encima de los elementos del gráfico).

 

Ejemplos

Descripción	Ejemplo
Este es un ejemplo de marcadores de velas en un gráfico de líneas con cuatro series. Se especifica el color de relleno personalizado 0000FF (azul), y este color se usa para rellenar los rectángulos cuando el punto de la serie 3 es más pequeño que el punto equivalente de la serie 2. El gráfico corta el primer y el último rectángulo. A fin de eliminar estos valores, puedes especificar 1:4 para el cuarto parámetro de chm. Observa el cero en la cadena de datos para ocultar las líneas de la serie: chd=t0. Esto indica que todos los datos del gráfico se usarán para los marcadores. El parámetro <which_point> está en blanco, lo que dibuja velas en todos los datos.	chd=t0:   0, 5,10, 7,12, 6|   35,25,45,47,24,46|   15,40,30,27,39,54|   70,55,63,59,80,60 chm=F,0000FF,0,,20
Este es un ejemplo del mismo gráfico en el que se usan los colores predeterminados y se quita el primer y el último elemento. Este es un gráfico compuesto: es una combinación de un gráfico de líneas (el tipo de gráfico base) y marcadores de velas. El valor de 1 en cht=t:1 significa que todas las series de datos posteriores a la primera deben ocultarse del tipo de gráfico básico (gráfico de líneas). El primer 1 en chm=F,,1,1:4,20 significa que los datos de las velas provienen de las series 2, 3, 4 y 5 (el 1 se basa en cero). Consulta Gráficos compuestos si deseas obtener más información para dibujar uno como este.	cht=lc chm=   F,,1,1:4,20 chd=t1:   15,40,30,27,39,54|   ...

Volver al principio