Software Público Brasileiro

<!-- Guias -->
<div id='{{{idjanela}}}i3GEOgraficointerativo1guiasYUI' class='yui-navset' style='top: 0px; cursor: pointer; left: 0px;'>
	<ul class='yui-nav' style='border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;'>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia3' style='text-align: center; left: 0px;'>
				<a>
					<em><img class='ticPropriedades2' style='height: 14px' title='{{{prop}}}' src='{{{locaplic}}}/imagens/branco.gif'></em>
				</a>
			</div>
		</li>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia1' style='text-align: center; left: 0px;'>
				<a>
					<em>{{{tipo}}}</em>
				</a>
			</div>
		</li>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia2' style='text-align: center; left: 0px;'>
				<a>
					<em>{{{dados}}}</em>
				</a>
			</div>
		</li>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia4' style='text-align: center; left: 0px;'>
				<a>
					<em>{{{grafico}}}</em>
				</a>
			</div>
		</li>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia5' style='text-align: center; left: 0px;'>
				<a>
					<em>CSV</em>
				</a>
			</div>
		</li>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia6' style='text-align: center; left: 0px;'>
				<a>
					<em>PNG</em>
				</a>
			</div>
		</li>
		<li>
			<div id='{{{idjanela}}}i3GEOgraficointerativo1guia7' style='text-align: center; left: 0px;'>
				<a>
					<em>{{{compor}}}</em>
				</a>
			</div>
		</li>
	</ul>
</div>
<br>
<!-- Guia com a lista de tipos de graficos -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia1obj' style='left: 1px; display: none;'>
	<p class='paragrafo'>
		<b>{{{escolhatipo}}} :</b>
	</p>
	<table class='lista6'>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-pie-icon.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='pizza_1' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{pizza2d}}}</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-area-stacked-icon.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='area_1' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{areasimp}}}</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-scatter-icon.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='ponto_1' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{distpt}}}</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-line-stacked-icon.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='linha_1' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{linhassimp}}}</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-bar-icon-t.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='arvore_1' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{arvore}}}</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-bar-icon.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='bar_1' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{barrasv}}}</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>
				<img style='cursor: text;' src='{{{locaplic}}}/imagens/oxygen/22x22/Actions-office-chart-bar-icon-h.png' />
			</td>
			<td>
				<input type='radio' onclick='i3GEOF.graficointerativo1.ativaTipo(this,{{{idjanelaA}}})' value='bar_2' name='tipoGrafico' style='border: 0px solid white; cursor: pointer'>
			</td>
			<td>{{{barrash}}}</td>
		</tr>
	</table>
</div>
<!-- Dados para o grafico -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia2obj' style='left: 1px; display: none; top: -5px'>
	<p class='paragrafo'>
		<b>{{{configgr}}}</b>
	</p>
	<p class='paragrafo'>{{{tema}}} :</p>
	<div class='styled-select' id='{{{idjanela}}}i3GEOgraficointerativo1ComboTemas'></div>
	<br>
	<p class='paragrafo'>{{{titulo}}} :
	<div class='styled-select'>
		<input style='cursor: pointer;' value='' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1Titulo' />
	</div>
	<br>
	<p class='paragrafo'>{{{titux}}} :
	<div class='styled-select'>
		<input style='cursor: pointer;' value='' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1TituloX' />
	</div>
	<br>
	<p class='paragrafo'>
		{{{tituy}}} :<br>
	<div class='styled-select'>
		<input style='cursor: pointer;' value='' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1TituloY' />
	</div>
	<br>
	<div class='paragrafo' id=' {{{idjanela}}}i3GEOgraficointerativo1ComboXlinha'>
		<p class='paragrafo'>{{{itemcx}}} :</p>
		<div class='paragrafo' id='{{{idjanela}}}i3GEOgraficointerativo1ComboX'></div>
	</div>
	<div id='{{{idjanela}}}i3GEOgraficointerativo1ComboYlinha' style='display: block'>
		<p class='paragrafo'>{{{itemcy}}} :</p>
		<div class='paragrafo' id='{{{idjanela}}}i3GEOgraficointerativo1ComboY'></div>
	</div>
	<br>
	<br>
	<p class='paragrafo'>{{{excluirval}}} :
	<div class='styled-select'>
		<input style='cursor: pointer;' value='' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1excluir' />
	</div>
	<br>
	<p class='paragrafo'>
		<input type=checkbox style='cursor: pointer; top: 3px; position: relative;' id='{{{idjanela}}}i3GEOgraficointerativo1CoresA' />
		<label>{{{geracor}}}</label>
	</p>
	<p class='paragrafo'>
		<input id='{{{idjanela}}}i3GEOgraficointerativo1botao1' type='button' value='{{{obterdados}}}' />
	</p>
	<div id='{{{idjanela}}}i3GEOgraficointerativo1Dados'></div>
	<div class='paragrafo' id='{{{idjanela}}}i3GEOgraficointerativo1AjudaPizza'>{{{seescolher}}}</div>
</div>
<!-- Propriedades do grafico -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia3obj' style='left: 1px; display: none; top: -5px'>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1xInclinado' checked />
		<label>{{{inclinax}}}</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1AdLinhas' checked />
		<label>{{{adlinbarras}}}</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1Acumula' />
		<label>{{{utilizvalacum}}}</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1Relativa' />
		<label>{{{utilizvalrelat}}} (%)</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1OrdenaX' checked />
		<label>{{{ordenax}}}</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1DadosPuros' />
		<label>{{{naoprocessa}}}</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOFgraficointerativo1ativaStacked' />
		<label>{{{stacked}}}</label>
	</p>
	<p class='paragrafo'>
		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOFgraficointerativo1ativaRowsInColumns' />
		<label>{{{linhasnascols}}}</label>
	</p>
	<p class='paragrafo'>{{{tipoagregay}}}</p>
	<div class='styled-select'>
		<select onchange='i3GEOF.graficointerativo1.obterDados()' id='{{{idjanela}}}i3GEOgraficointerativo1TipoAgregacao'>
			<option value='soma'>{{{soma}}}</option>
			<option value='media'>{{{media}}}</option>
		</select>
	</div>
	<br>
	<p class='paragrafo'>{{{fatcalclarg}}}</p>
	<div class='styled-select'>
		<input style='cursor: pointer;' value='0' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1FatorTamanho' />
	</div>
</div>
<!-- Guia que mostra o Grafico -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia4obj' style='left: 1px; display: none; top: -10px'>
	<a style='position: absolute; left: 50px;' href='#' onclick='i3GEOF.graficointerativo1.novaJanela({{{idjanelaA}}})'> {{{janelasep}}} </a>
	<a style='position: absolute; left: 150px;' href='#' onclick='i3GEOF.graficointerativo1.limparFiltros()'> {{{limparfiltros}}} </a>
	<img onclick='i3GEOF.graficointerativo1.alteraFatorPixelMenos({{{idjanelaA}}})' style='position: absolute;' src='{{{locaplic}}}/imagens/player_volta.png' />
	&nbsp;
	<img onclick='i3GEOF.graficointerativo1.alteraFatorPixelMais({{{idjanelaA}}})' style='position: absolute; left: 20px;' src='{{{locaplic}}}/imagens/player_avanca.png' />
	<div id='{{{idjanela}}}i3GEOgraficointerativo1guia4objCanvas' style='top: 15px;'></div>
</div>
<!--  CSV -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia5obj' style='font-size: 10px; left: 10px; display: none; top: -0px'></div>
<!-- PNG -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia6obj' style='font-size: 10px; left: 10px; display: none; top: -0px'>
	<form method=post action='{{{locaplic}}}/pacotes/svg2img.php' id='{{{idjanela}}}i3GEOgraficointerativo1PNG' target='_blank'>
		<input type=hidden name='svg' value='' />
	</form>
</div>
<!-- Compor sobreposicoes -->
<div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia7obj' style='left: 1px; display: none; top: -5px'>
	<p class='paragrafo'>{{{escolherGrafico}}}</p>
	<div class='styled-select' id='{{{idjanela}}}ComboJanelasGr'></div>
	<br>
	<p class='paragrafo'>{{{GrComposicao}}}</p>
	<div id='{{{idjanela}}}Composicoes'></div>
</div>

<!-- Div usado para renderizar o grafico -->
<div id='{{{idjanela}}}i3GEOgraficointerativo1Grafico' style='position: relative; top: -5px; display: none'></div>