Annonce
#1 Wed 15 February 2017 21:26
- nima ninette
- Participant assidu
- Date d'inscription: 18 May 2016
- Messages: 187
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 Thu 16 February 2017 10:42
- michel56
- Participant assidu
- Lieu: Lorient
- Date d'inscription: 14 Jul 2012
- Messages: 474
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 Fri 17 February 2017 17:01
- nima ninette
- Participant assidu
- Date d'inscription: 18 May 2016
- Messages: 187
Re: webmapping_page HTML
je vais voir Merci .
Hors ligne
