Download as
Browse Code »

Commit 86851a620f1aa25a0e9dacdf4df00509ffeffc1c

Authored by Edmar Moretti
1 parent fcc17c05
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Inclusão de novos gráficos (linhas, pontos e pizza) na ferramenta de gráficos interativos com CCC2

Showing 2 changed files with 154 additions and 199 deletions   Show diff stats
ferramentas/graficointerativo1/index.js
  Diff comments   View file @86851a6
@@ -242,33 +242,19 @@ i3GEOF.graficointerativo1 = { @@ -242,33 +242,19 @@ i3GEOF.graficointerativo1 = {
242 '<div class=guiaobj id="i3GEOgraficointerativo1guia1obj" style="left:1px;display:none;">' + 242 '<div class=guiaobj id="i3GEOgraficointerativo1guia1obj" style="left:1px;display:none;">' +
243 ' <p class=paragrafo >Escolha o tipo de gr&aacute;fico: </p>' + 243 ' <p class=paragrafo >Escolha o tipo de gr&aacute;fico: </p>' +
244 ' <table class=lista6 >' + 244 ' <table class=lista6 >' +
245 - //' <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)" value="pizza2d" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>pizza 2d</td></tr>' + 245 + ' <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)" value="pizza_1" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>pizza 2d</td></tr>' +
246 //' <tr><td>&nbsp;</td></tr>' + 246 //' <tr><td>&nbsp;</td></tr>' +
247 //' <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)" value="area" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>&aacute;rea 2d</td></tr>' + 247 //' <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)" value="area" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>&aacute;rea 2d</td></tr>' +
248 - //' <tr><td>&nbsp;</td></tr>' +  
249 - //' <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)" value="scatter" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>distribui&ccedil;&atilde;o de pontos</td></tr>' +  
250 - //' <tr><td>&nbsp;</td></tr>' +  
251 - //' <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)" value="line" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>linha</td></tr>' + 248 + ' <tr><td>&nbsp;</td></tr>' +
  249 + ' <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)" value="ponto_1" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>distribui&ccedil;&atilde;o de pontos</td></tr>' +
  250 + ' <tr><td>&nbsp;</td></tr>' +
  251 + ' <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)" value="linha_1" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>linhas simples</td></tr>' +
252 //' <tr><td>&nbsp;</td></tr>' + 252 //' <tr><td>&nbsp;</td></tr>' +
253 //' <tr><td><img style=cursor:text; src="'+locaplic+'/imagens/oxygen/22x22/Actions-office-chart-polar-icon.png" /></td><td><input type=radio onclick="i3GEOF.graficointerativo1.ativaTipo(this)" value="radar" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>radar</td></tr>' + 253 //' <tr><td><img style=cursor:text; src="'+locaplic+'/imagens/oxygen/22x22/Actions-office-chart-polar-icon.png" /></td><td><input type=radio onclick="i3GEOF.graficointerativo1.ativaTipo(this)" value="radar" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>radar</td></tr>' +
254 - //' <tr><td>&nbsp;</td></tr>' +  
255 - ' <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)" value="bar_1" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras simples</td></tr>' +  
256 - //' <tr><td>&nbsp;</td></tr>' +  
257 - //' <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)" value="bar_glass" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras 2 cores</td></tr>' +  
258 - //' <tr><td>&nbsp;</td></tr>' +  
259 - //' <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)" value="bar_3d" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras 3d</td></tr>' +  
260 - //' <tr><td>&nbsp;</td></tr>' +  
261 - //' <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)" value="bar_sketch" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras rascunho</td></tr>' +  
262 - //' <tr><td>&nbsp;</td></tr>' +  
263 - //' <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)" value="bar_cylinder" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras cilindro</td></tr>' +  
264 - //' <tr><td>&nbsp;</td></tr>' +  
265 - //' <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)" value="bar_cylinder_outline" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras cilindro com contorno</td></tr>' +  
266 - //' <tr><td>&nbsp;</td></tr>' +  
267 - //' <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)" value="bar_round_glass" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras c&uacute;pula</td></tr>' +  
268 - //' <tr><td>&nbsp;</td></tr>' +  
269 - //' <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)" value="bar_round" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras p&iacute;lula</td></tr>' +  
270 - //' <tr><td>&nbsp;</td></tr>' +  
271 - //' <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)" value="hbar" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras horizontais</td></tr>' + 254 + ' <tr><td>&nbsp;</td></tr>' +
  255 + ' <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)" value="bar_1" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras verticais</td></tr>' +
  256 + ' <tr><td>&nbsp;</td></tr>' +
  257 + ' <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)" value="bar_2" name="tipoGrafico" style="border:0px solid white;cursor:pointer" > </td><td>barras horizontais</td></tr>' +
272 ' </table>' + 258 ' </table>' +
273 '</div> ' + 259 '</div> ' +
274 '<div class=guiaobj id="i3GEOgraficointerativo1guia2obj" style="left:1px;display:none;top:-5px">' + 260 '<div class=guiaobj id="i3GEOgraficointerativo1guia2obj" style="left:1px;display:none;top:-5px">' +
@@ -761,145 +747,26 @@ i3GEOF.graficointerativo1 = { @@ -761,145 +747,26 @@ i3GEOF.graficointerativo1 = {
761 switch(i3GEOF.graficointerativo1.tipo){ 747 switch(i3GEOF.graficointerativo1.tipo){
762 case "bar_1": 748 case "bar_1":
763 legendaX = ""; 749 legendaX = "";
764 - i3GEOF.graficointerativo1.barras(dados,maior,cores,legendaY,legendaX,xInclinado); 750 + i3GEOF.graficointerativo1.barras(dados,maior,cores,legendaY,legendaX,xInclinado,"vertical");
  751 + break;
  752 + case "bar_2":
  753 + legendaX = "";
  754 + i3GEOF.graficointerativo1.barras(dados,maior,cores,legendaY,legendaX,xInclinado,"horizontal");
  755 + break;
  756 + case "linha_1":
  757 + legendaX = "";
  758 + i3GEOF.graficointerativo1.linhas(dados,maior,cores,legendaY,legendaX,xInclinado);
  759 + break;
  760 + case "pizza_1":
  761 + legendaX = "";
  762 + i3GEOF.graficointerativo1.pizzas(dados,maior,cores,legendaY,legendaX);
  763 + break;
  764 + case "ponto_1":
  765 + i3GEOF.graficointerativo1.pontos(dados,maior,cores,legendaY,legendaX);
765 break; 766 break;
766 default: 767 default:
767 alert("Escolha um tipo de gr&aacute;fico"); 768 alert("Escolha um tipo de gr&aacute;fico");
768 } 769 }
769 - if(i3GEOF.graficointerativo1.tipo === "line" || i3GEOF.graficointerativo1.tipo === "scatter" || i3GEOF.graficointerativo1.tipo === "hbar" || i3GEOF.graficointerativo1.tipo === "area" || i3GEOF.graficointerativo1.tipo === "bar_round" || i3GEOF.graficointerativo1.tipo === "bar_round_glass" || i3GEOF.graficointerativo1.tipo === "bar_filled" || i3GEOF.graficointerativo1.tipo === "bar_glass" || i3GEOF.graficointerativo1.tipo === "bar_3d" || i3GEOF.graficointerativo1.tipo === "bar_sketch" || i3GEOF.graficointerativo1.tipo === "bar_cylinder" || i3GEOF.graficointerativo1.tipo === "bar_cylinder_outline"){  
770 - temp = valores;  
771 - if(i3GEOF.graficointerativo1.tipo === "line" || i3GEOF.graficointerativo1.tipo === "scatter" || i3GEOF.graficointerativo1.tipo === "area")  
772 - {temp = parcor;}  
773 - parametros = {  
774 - "elements":[  
775 - {  
776 - "type": i3GEOF.graficointerativo1.tipo,  
777 - "start-angle": 180,  
778 - "colour": corunica,  
779 - "outlinecolor": outlinecolor,  
780 - "alpha": alpha,  
781 - "stroke": stroke,  
782 - "animate": 1,  
783 - "values" : temp,  
784 - "tip": "#val#",  
785 - "gradient-fill": gradient,  
786 - "fill": fill,  
787 - "fill-alpha": alpha,  
788 - "dot-style": { "type": "solid-dot", "colour": "#9C0E57", "dot-size": pointSize }  
789 - }  
790 - ],  
791 - "x_axis": {  
792 - "colour": "#A2ACBA",  
793 - "grid-colour": corGrid,  
794 - "offset": true,  
795 - "steps": 1,  
796 - "labels": {  
797 - "steps": 1,  
798 - "rotate": rotacaoX,  
799 - "colour": "#000000",  
800 - "labels": nomes  
801 - }  
802 - },  
803 - "y_axis": {  
804 - "min": menor,  
805 - "max": maior,  
806 - "steps": parseInt((parseInt(maior - menor,10) / divisoesY),10)  
807 - },  
808 - "x_legend": {  
809 - "text": legendaX,  
810 - "style": "{font-size: 12px; color: #778877}"  
811 - },  
812 - "y_legend": {  
813 - "text": legendaY,  
814 - "style": "{font-size: 12px; color: #778877}"  
815 - },  
816 - "title":{  
817 - "text": titulo,  
818 - "style": "{font-size: "+tituloSize+"; color:"+tituloCor+"; text-align: "+tituloAlinhamento+";}"  
819 - }  
820 - };  
821 - if($i("i3GEOgraficointerativo1AdLinhas").checked){  
822 - parametros.elements.push({  
823 - "type": "line",  
824 - "colour": "#FFFFFF",  
825 - "start-angle": 180,  
826 - "alpha": 0,  
827 - "stroke": 0,  
828 - "width": 0,  
829 - "animate": 1,  
830 - "values" : parcor,  
831 - "dot-style": { "type": "solid-dot", "colour": "#9C0E57", "dot-size": pointSize }  
832 - });  
833 - }  
834 - if(i3GEOF.graficointerativo1.tipo === "hbar"){  
835 - n = valores.length;  
836 - temp = [];  
837 - for(i=0;i<n;i++){  
838 - temp.push({"left":0,right:valores[i]});  
839 - }  
840 - parametros.elements[0].values = temp;  
841 -  
842 - parametros.x_axis = {  
843 - "min": 0,  
844 - "max": maior,  
845 - "steps": parseInt((maior / divisoesY),10)  
846 - };  
847 - parametros.y_axis = {  
848 - "offset": 1,  
849 - "labels": nomes  
850 - };  
851 - parametros.x_legend.text = legendaY;  
852 - parametros.y_legend.text = legendaX;  
853 - }  
854 - if(i3GEOF.graficointerativo1.tipo === "scatter"){  
855 - n = valores.length;  
856 - temp = [];  
857 - for(i=0;i<n;i++){  
858 - temp.push({"x":nomes[i],"y":valores[i]});  
859 - }  
860 - parametros.elements[0].values = temp;  
861 - parametros.x_axis = {  
862 - "min": menor,  
863 - "max": maior,  
864 - "steps": parseInt(((maior - menor) / divisoesY),10)  
865 - };  
866 - parametros.x_axis = {  
867 - "min": menorNome,  
868 - "max": maiorNome,  
869 - "steps": parseInt(((maiorNome - menorNome) / divisoesY),10)  
870 - };  
871 - parametros.elements[0].tip = "#x# - #y#";  
872 - }  
873 - }  
874 - if(i3GEOF.graficointerativo1.tipo === "radar"){  
875 - parametros = {  
876 - "elements": [{  
877 - "type": "area",  
878 - "width": 1,  
879 - "dot-style": { "type": "anchor", "colour": "#9C0E57", "dot-size": pointSize },  
880 - "colour": "#45909F",  
881 - "fill": "#45909F",  
882 - "fill-alpha": 0.4,  
883 - "loop": true,  
884 - "values": parcor  
885 - }],  
886 - "radar_axis": {  
887 - "max": maior,  
888 - "steps": parseInt(((maior - menor) / divisoesY),10),  
889 - "colour": "#EFD1EF",  
890 - "grid-colour": "#EFD1EF",  
891 - "spoke-labels": {  
892 - "labels": nomes,  
893 - "colour": "#9F819F"  
894 - }  
895 - },  
896 - "title":{  
897 - "text": titulo,  
898 - "style": "{font-size: "+tituloSize+"; color:"+tituloCor+"; text-align: "+tituloAlinhamento+";}"  
899 - },  
900 - "bg_colour": "#DFFFEC"  
901 - };  
902 - }  
903 }, 770 },
904 /* 771 /*
905 Function: excluilinha 772 Function: excluilinha
@@ -1002,26 +869,139 @@ i3GEOF.graficointerativo1 = { @@ -1002,26 +869,139 @@ i3GEOF.graficointerativo1 = {
1002 } 869 }
1003 } 870 }
1004 }, 871 },
1005 - barras: function(dados,maior,cores,legendaY,legendaX,xInclinado){ 872 + configDefault: function(dados,maior,cores,legendaY,legendaX){
  873 + var config = {
  874 + canvas : "i3GEOgraficointerativo1guia4objCanvas",
  875 + width : dados.resultset.length * $i("i3GEOgraficointerativo1FatorTamanho").value,
  876 + height : parseInt($i("i3GEOF.graficointerativo1_corpo").style.height,10) - 80,
  877 + orthoAxisTitle: legendaY,
  878 + orthoAxisFixedMax: maior,
  879 + valuesFont : 'normal 9px sans-serif ',
  880 + baseAxisTitle: legendaX,
  881 + baseAxisTitleAlign: 'left',
  882 + tooltipEnabled : true,
  883 + tooltipArrowVisible: true,
  884 + tooltipFade : false,
  885 + tooltipFollowMouse : false,
  886 + tooltipFormat : function(scene) {
  887 + var cat = this.scene.datum.atoms['category'].value,
  888 + val = this.scene.datum.atoms['value'].value;
  889 + return "<span style=color:yellow >"+cat+"</span><br>" + format( "#.###,", val);
  890 + },
  891 + baseAxisTitleFont : '9px sans-serif',
  892 + yAxisTickFormatter: function(valor){
  893 + valor = valor+"";
  894 + valor = format( "#.###,", valor);
  895 + return valor;
  896 + },
  897 + valueFormat: function(valor){
  898 + valor = valor+"";
  899 + valor = format( "#.###,", valor);
  900 + return valor;
  901 + },
  902 + valuesAnchor : 'top',
  903 + valuesVisible: false,
  904 + orthoAxisOriginIsZero:false,
  905 + titleAlign : 'center',
  906 + orientation: 'vertical',
  907 + baseAxisTicks: true,
  908 + stacked : false,
  909 + animate : true,
  910 + hoverable: false,
  911 + axisGrid: true,
  912 + contentMargins :5,
  913 + axisOffset: 0.02,
  914 + panelSizeRatio : 0.8,
  915 + orthoAxisLabelSpacingMin : 2 ,
  916 + selectable : false,
  917 + extensionPoints: {
  918 + continuousAxisTicks_strokeStyle: 'gray',
  919 + axisGrid_strokeStyle: 'lightgray',
  920 + xAxisLabel_textStyle: 'black',
  921 + label_textBaseline: "bottom",
  922 + xAxisLabel_font: 'normal 10px sans-serif'
  923 + }
  924 + };
  925 + return config;
  926 + },
  927 + barras: function(dados,maior,cores,legendaY,legendaX,xInclinado,tipo){
  928 + config = i3GEOF.graficointerativo1.configDefault(dados,maior,cores,legendaY,legendaX);
  929 + config.extensionPoints.bar_fillStyle = function(d) {
  930 + return cores[this.index];
  931 + }
  932 + if(tipo === "horizontal"){
  933 + config.orientation = 'horizontal';
  934 + }
  935 + if(xInclinado == true){
  936 + config.extensionPoints.xAxisLabel_textAngle = -Math.PI/3;
  937 + config.extensionPoints.xAxisLabel_textBaseline = 'top';
  938 + config.extensionPoints.xAxisLabel_textAlign = 'right';
  939 + }
  940 + new pvc.BarChart(
  941 + config
  942 + ).setData(dados, {
  943 + crosstabMode : false
  944 + }).render();
  945 + i3GEOF.graficointerativo1.aguarde.visibility = "hidden";
  946 + },
  947 + linhas: function(dados,maior,cores,legendaY,legendaX,xInclinado,tipo){
  948 + config = i3GEOF.graficointerativo1.configDefault(dados,maior,cores,legendaY,legendaX);
  949 + if(xInclinado == true){
  950 + config.extensionPoints.xAxisLabel_textAngle = -Math.PI/3;
  951 + config.extensionPoints.xAxisLabel_textBaseline = 'top';
  952 + config.extensionPoints.xAxisLabel_textAlign = 'right';
  953 + }
  954 + config.dotsVisible = true;
  955 + new pvc.LineChart(
  956 + config
  957 + ).setData(dados, {
  958 + crosstabMode : false
  959 + }).render();
  960 + i3GEOF.graficointerativo1.aguarde.visibility = "hidden";
  961 + },
  962 + pizzas: function(dados,maior,cores,legendaY,legendaX,tipo){
  963 + config = i3GEOF.graficointerativo1.configDefault(dados,maior,cores,legendaY,legendaX);
1006 var config = { 964 var config = {
1007 canvas : "i3GEOgraficointerativo1guia4objCanvas", 965 canvas : "i3GEOgraficointerativo1guia4objCanvas",
1008 width : dados.resultset.length * $i("i3GEOgraficointerativo1FatorTamanho").value, 966 width : dados.resultset.length * $i("i3GEOgraficointerativo1FatorTamanho").value,
1009 height : parseInt($i("i3GEOF.graficointerativo1_corpo").style.height,10) - 80, 967 height : parseInt($i("i3GEOF.graficointerativo1_corpo").style.height,10) - 80,
1010 - orthoAxisTitle: legendaY,  
1011 - orthoAxisFixedMax: maior,  
1012 - valuesFont : 'normal 9px sans-serif ',  
1013 - baseAxisTitle: legendaX,  
1014 - baseAxisTitleAlign: 'left',  
1015 - tooltipEnabled : true,  
1016 - tooltipArrowVisible: true,  
1017 - tooltipFade : false,  
1018 - tooltipFollowMouse : false, 968 + animate: true,
  969 + selectable: true,
  970 + hoverable: true,
  971 + valuesVisible: true,
  972 + valuesLabelStyle: 'inside',
  973 + valuesMask: "{category}",
  974 + colors: cores,
1019 tooltipFormat : function(scene) { 975 tooltipFormat : function(scene) {
1020 var cat = this.scene.datum.atoms['category'].value, 976 var cat = this.scene.datum.atoms['category'].value,
1021 val = this.scene.datum.atoms['value'].value; 977 val = this.scene.datum.atoms['value'].value;
1022 return "<span style=color:yellow >"+cat+"</span><br>" + format( "#.###,", val); 978 return "<span style=color:yellow >"+cat+"</span><br>" + format( "#.###,", val);
1023 }, 979 },
1024 - baseAxisTitleFont : '9px sans-serif', 980 + extensionPoints: {
  981 + slice_strokeStyle: 'white'
  982 + }
  983 + };
  984 + new pvc.PieChart(
  985 + config
  986 + ).setData(dados, {
  987 + crosstabMode : false
  988 + }).render();
  989 + i3GEOF.graficointerativo1.aguarde.visibility = "hidden";
  990 + },
  991 + pontos: function(dados,maior,cores,legendaY,legendaX,tipo){
  992 + config = i3GEOF.graficointerativo1.configDefault(dados,maior,cores,legendaY,legendaX);
  993 + var config = {
  994 + canvas : "i3GEOgraficointerativo1guia4objCanvas",
  995 + width : dados.resultset.length * $i("i3GEOgraficointerativo1FatorTamanho").value,
  996 + height : parseInt($i("i3GEOF.graficointerativo1_corpo").style.height,10) - 80,
  997 + animate: true,
  998 + selectable: true,
  999 + hoverable: true,
  1000 + valuesVisible: false,
  1001 + colors: cores,
  1002 + orthoAxisTitle: legendaY,
  1003 + valuesFont : 'normal 9px sans-serif ',
  1004 + baseAxisTitle: legendaX,
1025 yAxisTickFormatter: function(valor){ 1005 yAxisTickFormatter: function(valor){
1026 valor = valor+""; 1006 valor = valor+"";
1027 valor = format( "#.###,", valor); 1007 valor = format( "#.###,", valor);
@@ -1032,38 +1012,13 @@ i3GEOF.graficointerativo1 = { @@ -1032,38 +1012,13 @@ i3GEOF.graficointerativo1 = {
1032 valor = format( "#.###,", valor); 1012 valor = format( "#.###,", valor);
1033 return valor; 1013 return valor;
1034 }, 1014 },
1035 - valuesAnchor : 'top',  
1036 - valuesVisible: false,  
1037 - orthoAxisOriginIsZero:false,  
1038 - titleAlign : 'center',  
1039 - orientation: 'vertical',  
1040 - baseAxisTicks: true,  
1041 - stacked : false,  
1042 - animate : true,  
1043 - hoverable: false,  
1044 - axisGrid: true,  
1045 - contentMargins :5,  
1046 - axisOffset: 0.02,  
1047 - panelSizeRatio : 0.8,  
1048 - orthoAxisLabelSpacingMin : 2 ,  
1049 - selectable : false,  
1050 - extensionPoints: {  
1051 - continuousAxisTicks_strokeStyle: 'gray',  
1052 - axisGrid_strokeStyle: 'lightgray',  
1053 - xAxisLabel_textStyle: 'black',  
1054 - label_textBaseline: "bottom",  
1055 - xAxisLabel_font: 'normal 10px sans-serif',  
1056 - bar_fillStyle: function(d) {  
1057 - return cores[this.index];  
1058 - } 1015 + tooltipFormat : function(scene) {
  1016 + var cat = this.scene.datum.atoms['category'].value,
  1017 + val = this.scene.datum.atoms['value'].value;
  1018 + return "<span style=color:yellow >X: "+cat+"</span><br>Y: " + format( "#.###,", val);
1059 } 1019 }
1060 }; 1020 };
1061 - if(xInclinado == true){  
1062 - config.extensionPoints.xAxisLabel_textAngle = -Math.PI/3;  
1063 - config.extensionPoints.xAxisLabel_textBaseline = 'top';  
1064 - config.extensionPoints.xAxisLabel_textAlign = 'right';  
1065 - }  
1066 - new pvc.BarChart( 1021 + new pvc.DotChart(
1067 config 1022 config
1068 ).setData(dados, { 1023 ).setData(dados, {
1069 crosstabMode : false 1024 crosstabMode : false
imagens/oxygen/22x22/Actions-office-chart-bar-icon-h.png 0 → 100755
View file @86851a6

859 Bytes