Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considèrerons que vous acceptez l'utilisation des cookies. J'ai compris ! ou En savoir plus !.
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

GeoRezo vous rend service, faites un don.

Merci à tous pour votre fidélité.

L'équipe GeoRezo

#1 mer. 15 février 2017 21:26

nima ninette
Membre
Date d'inscription: 18 mai 2016
Messages: 167

webmapping_page HTML

au niveau de mon application de webmapping est t-il possible de mettre ce code HTML dans une page de taille réduite, c'est a dire je fais un bouton appelant cette page HTML et elle s'affiche dans une page de taille petite je vois le graphe et je la ferme.
(le bouton est au niveau d'une <div> dans une page JSP)



<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
    <title>2014/2015</title>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
FusionCharts.ready(function () {
    var inventoryChart = new FusionCharts({
        type: 'dragcolumn2d',
        renderAt: 'chart-container',
        width: '600',
        height: '600',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "La carte d'occupation du sol",               
                "subCaption": "2014/2015",
                "xAxisName": "Les Zones",
                "yAxisName": "Surface",
                "paletteColors": "#0075c2,#1aaf5d",
                "bgColor": "#ffffff",
                "showAlternateHGridColor": "0",
                "showBorder": "0",
                "showCanvasBorder": "0",
                "baseFontColor": "#0000ff",
                "baseFont": "Helvetica Neue,Arial",
                "captionFontSize": "20", //titre1
                "subcaptionFontSize": "20",//titre2
                "subcaptionFontBold": "0",
                "usePlotGradientColor": "0",
                "toolTipColor": "#ffffff",
                "toolTipBorderThickness": "0",
                "toolTipBgColor": "#000000",
                "toolTipBgAlpha": "80",
                "toolTipBorderRadius": "2",
                "toolTipPadding": "5",
                "legendBgAlpha": "0",
                "legendBorderAlpha": "0",
                "legendShadow": "0",
                "legendItemFontSize": "20",  //ecriture l�gende
                "legendItemFontColor": "#666666",
                "legendCaptionFontSize": "2",
                "divlineAlpha": "100",
                "divlineColor": "#999999",
                "divlineThickness": "1",
                "divLineIsDashed": "1",
                "divLineDashLen": "1",
                "divLineGapLen": "1",
            },
            "categories": [
                {
                    "category": [
                        {
                            "label": "zone steppique"
                        },
                        {
                            "label": "zone forrestiere"
                        },
                        {
                            "label": "Culture maraichere"
                        },
                        {
                            "label": "Terres Improductives"
                        },
                        {
                            "label": "Arboreculture"
                        }
                    ]
                }
            ],
            "dataset": [
                {
                    "seriesname": "ANNEE 2014",
                    "allowDrag": "0",
                    "data": [{
                        "value": "351382"
                    },
                             {
                                 "value": "207778"
                             },
                             {
                                 "value": "31106.6"
                             },
                             {
                                 "value": "229433"
                             },
                             {
                                 "value": "72800"
                             }
                            ]
                },
                {
                    "seriesname": "ANNEE 2015",
                    "dashed": "1",
                    "data": [
                        {
                            "value": "351382"
                        },
                        {
                            "value": "207778"
                        },
                        {
                            "value": "2902.3899"
                        },
                        {
                            "value": "76095.203"
                        },
                        {
                            "value": "9800"
                        }
                    ]
                }
            ]
        },
       
    }).render();
});
}//]]>

</script>

</head>
<body>
<div>
    <div id="chart-container" align="center">FusionCharts will render here</div>
</div>
</body>
</html>

Hors ligne

 

#2 jeu. 16 février 2017 10:42

michel56
Membre
Lieu: Lorient
Date d'inscription: 14 juil. 2012
Messages: 255

Re: webmapping_page HTML

bonjour,

tu fais comme expliqué sur ce post:

https://www.w3schools.com/howto/tryit.a … _css_modal


Opérateur cartographique & DAO & PHP.

Hors ligne

 

#3 ven. 17 février 2017 17:01

nima ninette
Membre
Date d'inscription: 18 mai 2016
Messages: 167

Re: webmapping_page HTML

je vais voir Merci .

Hors ligne

 

Pied de page des forums

Powered by FluxBB

Partagez  |