https://netxipedia.org/index.php?action=history&feed=atom&title=Plantilla%3AGr%C3%A1fico_circular%2FdocPlantilla:Gráfico circular/doc - Historial de revisiones2026-06-14T04:08:33ZHistorial de revisiones de esta página en la wikiMediaWiki 1.44.0https://netxipedia.org/index.php?title=Plantilla:Gr%C3%A1fico_circular/doc&diff=3461&oldid=prevNetxipedia: 1 revisión importada2025-08-28T01:11:55Z<p>1 revisión importada</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="es">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Revisión anterior</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revisión del 01:11 28 ago 2025</td>
</tr><tr><td colspan="2" class="diff-notice" lang="es"><div class="mw-diff-empty">(Sin diferencias)</div>
</td></tr></table>Netxipediahttps://netxipedia.org/index.php?title=Plantilla:Gr%C3%A1fico_circular/doc&diff=3460&oldid=prevnetxipedia>Leoncastro en 21:17 20 dic 20232023-12-20T21:17:44Z<p></p>
<p><b>Página nueva</b></p><div>{{Subpágina de documentación}}<br />
<br />
La siguiente plantilla genera un [[gráfico circular]], también conocido como de pastel, de torta o de porciones. <!--CSS Para ello se basa en la [[mw:Extension:Graph|extensión Graph]], que utiliza la [https://github.com/vega gramática Vega] de [[JavaScript]]. CSS--><br />
<br />
=== Uso ===<br />
{{Gráfico circular<br />
|título = Composición del [[Producto interno bruto|PBI]] de Colombia por sector para el segundo semestre de 2015<br />
|etiqueta1 = Agricultura, ganadería, caza, silvicultura y pesca (6.11 %)<br />
|valor1 = 6.11<br />
|color1 = #0247FE<br />
|etiqueta2 = Minería (7.32 %)<br />
|valor2 = 7.32<br />
|color2 = #CC0000<br />
|etiqueta3 = Industria (10.7 %)<br />
|valor3 = 10.7<br />
|color3 = #3B7A57<br />
|etiqueta4 = Suministro de electricidad, gas y agua (3.45 %)<br />
|valor4 = 3.45<br />
|color4 = #915C83<br />
|etiqueta5 = Construcción (7.47 %)<br />
|valor5 = 7.47<br />
|color5 = #7CB9E8<br />
|etiqueta6 = Comercio, hoteles y restaurantes (12.04 %)<br />
|valor6 = 12.04<br />
|color6 = #FFAA1D<br />
|etiqueta7 = Transporte (7.10 %)<br />
|valor7 = 7.10<br />
|color7 = #A67B5B<br />
|etiqueta8 = Finanzas, seguros y bienes inmuebles (19.86 %)<br />
|valor8 = 19.86<br />
|color8 = #F0E130<br />
|etiqueta9 = Servicios autónomos (15.35 %)<br />
|valor9 = 15.35<br />
|color9 = #9955BB<br />
|etiqueta10 = Otros (10.6 %)<br />
|valor10 = 10.6<br />
|color10 = #555D50<br />
}}<br />
<pre style="overflow:auto"><br />
{{Gráfico circular<br />
|título = <br />
|tamaño = <br />
|posición = <br />
|etiqueta1 = <br />
|valor1 = <br />
|color1 = <br />
|etiqueta2 = <br />
|valor2 = <br />
|color2 = <br />
...<br />
|etiquetax = <br />
|valorx = <br />
|colorx = <br />
}}</pre><br />
<br />
==== Parámetros ====<br />
;título: contenido del título<br />
;tamaño: tamaño del radio del gráfico en pixeles<br />
;posición: ubicación del gráfico en la página (''right'', ''left'' o ''center'')<br />
;etiquetax: contenido explicativo del sector correspondiente, se visualizará al pie. Por limitaciones técnicas debe evitarse el uso de la coma.<br />
;valorx: puede tomar cualquier valor numérico. Si es un porcentaje se debe omitir el símbolo %, no se deben incluir símbolos separadores de millares y el símbolo separador de decimales debe ser el punto, evitando en todo caso el uso de la coma.<br />
;colorx: puede ser cualquier [[color web]]. No es obligatorio, ya que hay una paleta de colores por defecto para cada campo.<br />
<br />
Nota: en los parámetros {{Parámetro|etiquetax}}, {{Parámetro|valorx}} y {{Parámetro|colorx}} la x puede tomar cualquier valor entre 1 y 20.<br />
<br />
==== Paleta de colores ====<br />
Por defecto se utiliza la paleta preconfigurada como «[https://github.com/vega/vega/wiki/Scales#scale-range-literals category20]», la cual consiste en los siguientes colores:<br />
<br />
# {{Leyenda|#1F77B4|#1F77B4}}<br />
# {{Leyenda|#AEC7E8|#AEC7E8}}<br />
# {{Leyenda|#FF7F0E|#FF7F0E}}<br />
# {{Leyenda|#FFBB78|#FFBB78}}<br />
# {{Leyenda|#2CA02C|#2CA02C}}<br />
# {{Leyenda|#98DF8A|#98DF8A}}<br />
# {{Leyenda|#D62728|#D62728}}<br />
# {{Leyenda|#FF9896|#FF9896}}<br />
# {{Leyenda|#9467BD|#9467BD}}<br />
# {{Leyenda|#C5B0D5|#C5B0D5}}<br />
# {{Leyenda|#8C564B|#8C564B}}<br />
# {{Leyenda|#C49C94|#C49C94}}<br />
# {{Leyenda|#E377C2|#E377C2}}<br />
# {{Leyenda|#F7B6D2|#F7B6D2}}<br />
# {{Leyenda|#7F7F7F|#7F7F7F}}<br />
# {{Leyenda|#C7C7C7|#C7C7C7}}<br />
# {{Leyenda|#BCBD22|#BCBD22}}<br />
# {{Leyenda|#DBDB8D|#DBDB8D}}<br />
# {{Leyenda|#17BECF|#17BECF}}<br />
# {{Leyenda|#9EDAE5|#9EDAE5}}<br />
<br />
<!--CSS<br />
=== Características ===<br />
A diferencia de la plantilla [[:en:Template:Pie chart]], ésta '''no''' utiliza [[Clase (informática)|clases CSS]], sino JavaScript, por lo que no posee casi ninguna de las limitaciones de aquella.<br />
<br />
* Los gráficos se ven en la versión PDF, para imprimir y cuando uno compila un libro.<br />
* Los valores pueden ser cualquier número, sea o no un porcentaje. Como podría ser, por ejemplo, el número de votos o de escaños obtenidos por un partido político en una determinada elección.<br />
* Es técnicamente posible añadir etiquetas sobre los sectores, aunque no esté contemplado en la versión actual. El principal problema es su legibilidad, en especial cuando se trata de sectores pequeños, por eso es preferible que toda información relevante se incluya al pie.<br />
* El gráfico se genera en formato PNG y se puede descargar como archivo individual, sin marco, sin pie y sin fondo.<br />
* No existe limitación técnica al número máximo de valores que se pueden especificar, aunque actualmente esté limitado a 20.<br />
CSS--><br />
<br />
=== Plantillas que invoca ===<br />
Esta plantilla invoca a otras: <!--CSS {{ep|Gráfico}}, CSS-->{{ep|Cuadro imagen}} y {{ep|Leyenda}}, por lo que cualquier cambio en ellas lo afecta directamente.<br />
<br />
=== Redirecciones ===<br />
* {{epr|Pie chart}}<br />
<br />
=== Véase también ===<br />
* [[:Categoría:Wikipedia:Plantillas de diagramas]]<br />
* [[mw:Extension:Graph/Demo/CategoryPie]]<br />
<br />
<includeonly><br />
{{ORDENAR:Grafico circular}}<br />
[[Categoría:Wikipedia:Plantillas de diagramas]]<br />
</includeonly></div>netxipedia>Leoncastro