| 574
| <![CDATA[<script>
var faseAtual = "";
var d3locale = d3.formatDefaultLocale({
"decimal": ",",
"thousands": ".",
"grouping": [3],
"currency": ["R$", ""]
});
// Utiliza as funções abaixo para preencher os gráficos.
var graficoInfFuncao = c3.generate({
bindto: '#graficoDespesasFuncao',
data: {
json: [],
keys: {
x: 'Categoria',
value: ["ValorTotalEmpenhado"]
},
type: 'bar',
labels: {
format: d3locale.format("$,")
},
empty: {
label: {
text: "Nenhuma informação foi encontrada."
}
}
},
size: {
width: 930,
height: 650
},
axis: {
x: {
type: 'category',
tick: {
multiline: true,
}
},
y: {
show: true,
tick: {
format: function (value) { return d3.format(",.4s")(value); },
rotate: 10,
},
label: {
text: 'Valor Total Empenhado',
position: 'outer-right'
}
},
rotated: true,
},
type: 'bar',
legend: {
show: false,
},
interaction: {
enabled: true
},
tooltip: {
format: {
name: function (name, ratio, id, index) { return "Valor " + faseAtual; },
value: function (value, ratio, id) {
var format = d3locale.format("$,.2f");
return format(value);
}
}
},
color: {
pattern: ['#e47106', '#57be87', '#4ea8a6', '#e6b626', '#34404e', '#cad847', '#757f80', '#db2e2e', '#3187bb', '#22c2d5']
}
});
var graficoInfOrgao = c3.generate({
bindto: '#graficoDespesasOrgao',
data: {
json: [],
keys: {
x: 'Categoria',
value: ["ValorTotalEmpenhado"]
},
type: 'bar',
labels: {
format: d3locale.format("$,")
},
empty: {
label: {
text: "Nenhuma informação foi encontrada."
}
}
},
size: {
width: 930,
height: 380
},
axis: {
x: {
type: 'category',
tick: {
multiline: true
}
},
y: {
show: true,
tick: {
format: function (value) { return d3.format(",.4s")(value); },
rotate: 10,
},
label: {
text: 'Valor Total Empenhado',
position: 'outer-right'
}
},
rotated: true,
},
legend: {
show: false,
},
interaction: {
enabled: true
},
tooltip: {
format: {
name: function (name, ratio, id, index) { return "Valor " + faseAtual; },
value: function (value, ratio, id) {
var format = d3locale.format("$,.2f");
return format(value);
}
}
},
color: {
pattern: ['#e47106', '#57be87', '#4ea8a6', '#e6b626', '#34404e', '#cad847', '#757f80', '#db2e2e', '#3187bb', '#22c2d5']
}
});
var graficoInfModalidade = c3.generate({
bindto: '#graficoDespesaModalidade',
data: {
json: [],
keys: {
x: 'Categoria',
value: ["ValorTotalEmpenhado"]
},
type: 'bar',
labels: {
format: d3locale.format("$,")
},
empty: {
label: {
text: "Nenhuma informação foi encontrada."
}
}
},
size: {
width: 930,
height: 380
},
axis: {
x: {
type: 'category',
tick: {
multiline: true,
//padding: {
// left: 45,
// right: 5
//}
}
},
y: {
show: true,
tick: {
format: function (value) { return d3.format(",.4s")(value); },
rotate: 10,
},
label: {
text: 'Valor Total Empenhado',
position: 'outer-right'
}
},
rotated: true,
},
legend: {
show: false,
},
interaction: {
enabled: true
},
tooltip: {
format: {
name: function (name, ratio, id, index) { return "Valor " + faseAtual; },
value: function (value, ratio, id) {
var format = d3locale.format("$,.2f");
return format(value);
}
}
},
color: {
pattern: ['#e47106', '#57be87', '#4ea8a6', '#e6b626', '#34404e', '#cad847', '#757f80', '#db2e2e', '#3187bb', '#22c2d5']
}
});
function MostrarGrafico() {
PageMethods.set_path("/sgp/DespesasCovid19.aspx");
var jsonView = MontarFiltrosGraficos();
PageMethods.ListarDespesasJSON("funcao", jsonView, OnSucessoFuncao, OnErro);
PageMethods.ListarDespesasJSON("orgao", jsonView, OnSucessoOrgao, OnErro);
PageMethods.ListarDespesasJSON("modalidade", jsonView, OnSucessoModalidade, OnErro);
}
function MontarFiltrosGraficos() {
var objectView = new Object();
var dataInicial = j("[id*=txtDataInicial]").val();
var dataFinal = j("[id*=txtDataFinal]").val();
dataInicial = dataInicial.split('/').reverse().join('/');
dataFinal = dataFinal.split('/').reverse().join('/');
objectView.dataInicial = dataInicial;
objectView.dataFinal = dataFinal;
var codigoOrgao = j("[id*=ddlOrgao] option:selected").val();
if (codigoOrgao == "Todos")
codigoOrgao = "";
objectView.Orgao = codigoOrgao;
var ftrUnidade = j("[id*=ddlUnidade] option:selected").val();
if (ftrUnidade == "Todos" || ftrUnidade == null)
ftrUnidade = "";
objectView.Unidade = ftrUnidade;
var ftrFavorecido = j("[id*=txtFavorecido]").val();
objectView.Favorecido = ftrFavorecido;
var ftrNumEmpenho = j("[id*=txtNumeroEmpenho]").val();
objectView.Empenho = ftrNumEmpenho;
var fase = j("[id*=rblFaseDespesa] :checked").val();
objectView.Fase = fase;
if (fase == 0)
faseAtual = "Empenhado";
else if (fase == 1)
faseAtual = "Liquidado";
else if (fase == 2)
faseAtual = "Pago";
//filtros avançados
if (j("[id*=divPesquisaAvancada]").is(":visible")) {
var cdFuncao = j("[id*=ddlFuncao option:selected").val();
if (cdFuncao == "Todos" || cdFuncao == null)
cdFuncao = "";
objectView.Funcao = cdFuncao;
var cdSubFuncao = j("[id*=ddlSubFuncao option:selected").val();
if (cdSubFuncao == "Todos" || cdSubFuncao == null)
cdSubFuncao = "";
objectView.SubFuncao = cdSubFuncao;
var cdPrograma = j("[id*=ddlPrograma option:selected").val();
if (cdPrograma == "Todos" || cdPrograma == null)
cdPrograma = "";
objectView.Programa = cdPrograma;
var cdAcao = j("[id*=ddlAcao option:selected").val();
if (cdAcao == "Todos" || cdAcao == null)
cdAcao = "";
objectView.Acao = cdAcao;
var cdFonte = j("[id*=ddlFonte option:selected").val();
if (cdFonte == "Todos" || cdFonte == null)
cdFonte = "";
objectView.Fonte = cdFonte;
var cdCategoria = j("[id*=dlCategoria option:selected").val();
if (cdCategoria == "Todos" || cdCategoria == null)
cdCategoria = "";
objectView.Categoria = cdCategoria;
var cdNatureza = j("[id*=ddlNatureza option:selected").val();
if (cdNatureza == "Todos" || cdNatureza == null)
cdNatureza = "";
objectView.Natureza = cdNatureza;
var cdModalidade = j("[id*=ddlModalidade option:selected").val();
if (cdModalidade == "Todos" || cdModalidade == null)
cdModalidade = "";
objectView.Modalidade = cdModalidade;
var cdElemento = j("[id*=ddlElemento option:selected").val();
if (cdElemento == "Todos" || cdElemento == null)
cdElemento = "";
objectView.Elemento = cdElemento;
var cdSubElemento = j("[id*=ddlSubElemento option:selected").val();
if (cdSubElemento == "Todos" || cdSubElemento == null)
cdSubElemento = "";
objectView.SubElemento = cdSubElemento;
}
return JSON.stringify(objectView);
}
function OnSucessoFuncao(result) {
var servicoDadosGraficoF = JSON.parse(result);
graficoInfFuncao.unload({
done: function () {
//resize
var h = servicoDadosGraficoF.length < 3 ? 3 : servicoDadosGraficoF.length
graficoInfFuncao.resize({
width: 930,
height: h * 68,
});
//load
graficoInfFuncao.load({
json: servicoDadosGraficoF,
keys: {
x: 'Categoria',
value: ['ValorTotalEmpenhado']
},
type: 'bar',
});
}
});
}
function OnSucessoOrgao(result) {
var servicoDadosGraficoO = JSON.parse(result);
graficoInfOrgao.unload({
done: function () {
//resize
var h = servicoDadosGraficoO.length < 2 ? 2 : servicoDadosGraficoO.length
graficoInfOrgao.resize({
width: 930,
height: h * 68,
});
//load
graficoInfOrgao.load({
json: servicoDadosGraficoO,
keys: {
x: 'Categoria',
value: ['ValorTotalEmpenhado']
},
type: 'bar'
});
}
});
}
function OnSucessoModalidade(result) {
var servicoDadosGraficoM = JSON.parse(result);
graficoInfModalidade.unload({
done: function () {
//resize
var h = servicoDadosGraficoM.length < 2 ? 2 : servicoDadosGraficoM.length
graficoInfModalidade.resize({
width: 930,
height: h * 68,
});
//load
graficoInfModalidade.load({
json: servicoDadosGraficoM,
keys: {
x: 'Categoria',
value: ['ValorTotalEmpenhado']
},
type: 'bar'
});
}
});
}
function OnErro(result) {
alert("Ocorreu um ao tentar preencher o gráfico: " + result._message);
}
</script>]]>
|
