Bonjour et bravo pour ce forum
peu ton avoir un modèle de graphique pour csv
merci
modèle cvs
Modérateurs : jturlier, Météo Villarzel
- Météo Villarzel
- Administrateur du site
- Messages : 524
- Enregistré le : 06 févr. 2014, 09:48
- Contact :
Re: modèle cvs
Salut Gérard,
Les graphiques, ou le principe des graphiques est le même que tu prennes tes données dans une BD, un fichier Json ou csv, c'est juste la première partie "connection" qui change.
C'est bien documenté ici, mais je n'ai jamais essayé.
http://www.highcharts.com/docs/working- ... v-xml-json
A mon avis c'est plus souple et rapide depuis une base de données.
A+
Les graphiques, ou le principe des graphiques est le même que tu prennes tes données dans une BD, un fichier Json ou csv, c'est juste la première partie "connection" qui change.
C'est bien documenté ici, mais je n'ai jamais essayé.
http://www.highcharts.com/docs/working- ... v-xml-json
A mon avis c'est plus souple et rapide depuis une base de données.
A+
Re: modèle cvs
Bonjour
merci Pierre-André
merci Pierre-André
Re: modèle cvs
bonjour
j'essais de creer un graphique http://www.meteo-canejan.fr/relevedumois2.phpd'après le lien donnée un peu plus haut par Pierre-André mais j'avoue que je peine un peu, j'obtiens bien quelques chose mais cela ressemble plus a un tableau avec le graph vide au dessus. voici mon code :
l'adresse de mon fichier csv est http://www.meteo-canejan.fr/vp2/EnsolMoisCourant.csv
quelqu'un a t'il une idée pour laquelle le graph ne s'affiche pas ?
Dominique
en modifiant cette ligne : var items = line.split(';'); j'obtient du mieux mais cela reste très loin de ça : http://www.highcharts.com/studies/data-from-csv.htm
j'essais de creer un graphique http://www.meteo-canejan.fr/relevedumois2.phpd'après le lien donnée un peu plus haut par Pierre-André mais j'avoue que je peine un peu, j'obtiens bien quelques chose mais cela ressemble plus a un tableau avec le graph vide au dessus. voici mon code :
Code : Tout sélectionner
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="graphique/jquery/jquery.min.js"></script>
<script type="text/javascript" src="graphique/highcharts/js/highcharts.js"></script>
<script type="text/javascript" src="graphique/highcharts/js/themes/default.js"></script>
<script type="text/javascript" src="graphique/highcharts/js/modules/exporting.js"></script>
<script type="text/javascript" src="graphique/jquery/overlib.js"></script>
<script type="text/javascript" src="graphique/jquery/overlib_fade.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"/>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Ensoleillement du mois'
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'heures'
}
},
series: []
};
$.get('vp2/EnsolMoisCourant.csv', function(data) {
// Split the lines
var lines = data.split('\n');
$.each(lines, function(lineNo, line) {
var items = line.split(',');
// header line containes categories
if (lineNo == 0) {
$.each(items, function(itemNo, item) {
if (itemNo > 0) options.xAxis.categories.push(item);
});
}
// the rest of the lines contain data with their name in the first position
else {
var series = {
data: []
};
$.each(items, function(itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
options.series.push(series);
}
});
var chart = new Highcharts.Chart(options);
});
});
</script>
</head>
<body>
<!-- 3. Add the container -->
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
</body>
</html>
quelqu'un a t'il une idée pour laquelle le graph ne s'affiche pas ?
Dominique
en modifiant cette ligne : var items = line.split(';'); j'obtient du mieux mais cela reste très loin de ça : http://www.highcharts.com/studies/data-from-csv.htm
https://www.meteo-canejan.fr/
ma config : VP2sql , Weaterlink 6.03 , NOAAtable, minimaxibis (sonde agricole), Windows 10 .
ma config : VP2sql , Weaterlink 6.03 , NOAAtable, minimaxibis (sonde agricole), Windows 10 .