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

Suite à un dysfonctionnement (désormais résolu), les listes de diffusion n'ont pas fonctionné pendant 2 semaines.

Certains messages ont été perdus.

Nous faisons notre possible afin de les récupérer, mais ne pouvons vous le garantir.

Nous vous prions de bien vouloir nous excuser pour la gêne occasionnée.

 

L'équipe GeoRezo

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

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

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: 194

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: 147

Re: webmapping_page HTML

je vais voir Merci .

Hors ligne

 

Pied de page des forums

Powered by FluxBB

Partagez  |