<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Commentaires sur : Recharger un graphique Highchart avec de nouvelles données provenant d&#8217;un formulaire	</title>
	<atom:link href="https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/feed/" rel="self" type="application/rss+xml" />
	<link>https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/</link>
	<description>Reste connecté</description>
	<lastBuildDate>Sat, 02 Jan 2016 09:14:30 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>
	<item>
		<title>
		Par : Imatt		</title>
		<link>https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-191035</link>

		<dc:creator><![CDATA[Imatt]]></dc:creator>
		<pubDate>Sat, 02 Jan 2016 09:14:30 +0000</pubDate>
		<guid isPermaLink="false">https://undisconnected.com/?p=2235#comment-191035</guid>

					<description><![CDATA[En réponse à &lt;a href=&quot;https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-191015&quot;&gt;Frederic&lt;/a&gt;.

Salut Frederic, sur la fonction draggable, tu peux récupérer les valeurs avec this.y ou this.x. Ensuite, il te faudra utiliser Ajax pour passer tes valeurs au serveur et insérer en base de données. Dis-moi si tu as besoin de quelque chose de plus concret !]]></description>
			<content:encoded><![CDATA[<p>En réponse à <a href="https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-191015">Frederic</a>.</p>
<p>Salut Frederic, sur la fonction draggable, tu peux récupérer les valeurs avec this.y ou this.x. Ensuite, il te faudra utiliser Ajax pour passer tes valeurs au serveur et insérer en base de données. Dis-moi si tu as besoin de quelque chose de plus concret !</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : Frederic		</title>
		<link>https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-191015</link>

		<dc:creator><![CDATA[Frederic]]></dc:creator>
		<pubDate>Thu, 31 Dec 2015 18:27:18 +0000</pubDate>
		<guid isPermaLink="false">https://undisconnected.com/?p=2235#comment-191015</guid>

					<description><![CDATA[Bonjour !
Merci pour ce tuto.  
Je cherche à réaliser une fonction similaire mais avec la fonction Draggable de Highcharts. L&#039;utilisateur mettrait à jour les données directement sur le graphique et à l&#039;aide de la fonction exporting, on pourrait mettre à jour une base de données SQL qui elle même servirait à générer le graphique pour la prochaine utilisation.
En cumulant les 2 fonctions, j&#039;arrive à exporter les données mises à jour en CSV ou XLS mais je ne sais pas comment les récupérer dans des variables pour les réinjecter dans ma base SQL. ((je ne connais pas vraiment le JS...).

Auriez vous une idée de comment faire ?

Merci bcp !
Frédéric]]></description>
			<content:encoded><![CDATA[<p>Bonjour !<br />
Merci pour ce tuto.<br />
Je cherche à réaliser une fonction similaire mais avec la fonction Draggable de Highcharts. L&rsquo;utilisateur mettrait à jour les données directement sur le graphique et à l&rsquo;aide de la fonction exporting, on pourrait mettre à jour une base de données SQL qui elle même servirait à générer le graphique pour la prochaine utilisation.<br />
En cumulant les 2 fonctions, j&rsquo;arrive à exporter les données mises à jour en CSV ou XLS mais je ne sais pas comment les récupérer dans des variables pour les réinjecter dans ma base SQL. ((je ne connais pas vraiment le JS&#8230;).</p>
<p>Auriez vous une idée de comment faire ?</p>
<p>Merci bcp !<br />
Frédéric</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : Bouillé		</title>
		<link>https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-168916</link>

		<dc:creator><![CDATA[Bouillé]]></dc:creator>
		<pubDate>Wed, 13 May 2015 12:58:18 +0000</pubDate>
		<guid isPermaLink="false">https://undisconnected.com/?p=2235#comment-168916</guid>

					<description><![CDATA[En réponse à &lt;a href=&quot;https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-167189&quot;&gt;Imatt&lt;/a&gt;.

Cool grâce à toi, j&#039;ai maintenant des pourcentages à 2 chiffres.
Pour le nom de la catégorie, je cale et sèche comme une m...
Si tu peux jeter un coup d&#039;oeil, ca serait top. Merci

La fonction : 
$(function () {
		
		//on page load  
		getAjaxData(1);
		
		//on changing select option
		$(&#039;#dynamic_data&#039;).change(function(){
			var val = $(&#039;#dynamic_data&#039;).val();
			getAjaxData(val);
		});
		
		function getAjaxData(id){
		
		//use getJSON to get the dynamic data via AJAX call
		$.getJSON(&#039;data.php&#039;, {id: id}, function(chartData) {
			$(&#039;#container&#039;).highcharts({
				chart: {
					type: &#039;pie&#039;
				},
				title: {
					text: &#039;Suivi des consommations par adherent&#039;
				},
				
				tooltip: {
                    formatter: function() {
                        return &#039;&lt;b&gt;&#039;+ this.point.name +&#039;&lt;/b&gt;: &#039;+ this.percentage.toFixed(2) +&#039; %&#039;;
                    }
                },
				plotOptions: {
				//this need only for pie chart
				pie: {
					allowPointSelect: true,
					cursor: &#039;pointer&#039;,
					dataLabels: {
                            enabled: true,
                            color: &#039;#000000&#039;,
                            connectorColor: &#039;#000000&#039;,
                            formatter: function() {
                                return &#039;&lt;b&gt;&#039;+ this.point.name +&#039;&lt;/b&gt;: &#039;+ this.percentage.toFixed(2) +&#039; %&#039;;
                            }
                        }
					
						
				}	
			},
				series: chartData
                
			});
		});
	}
});


La partie PHP : 
//select database
mysql_select_db(&quot;hagroupejioli&quot;, $con);

$id = $_GET[&#039;id&#039;];

$arr 	= array();
$arr1 	= array();
$result = array();

$sql = &quot;select categorie, `2014` from higcharts_data where adherent_id = &#039;$id&#039;&quot;;
$q	 = mysql_query($sql);
$j = 0;
while($row = mysql_fetch_array($q)){
	
	$arr[&#039;data&#039;][] = $row[&#039;categorie&#039;];
	$arr1[&#039;data&#039;][] = $row[&#039;2014&#039;];
}
	

array_push($result,$arr1);

print json_encode($result, JSON_NUMERIC_CHECK);

mysql_close($con);]]></description>
			<content:encoded><![CDATA[<p>En réponse à <a href="https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-167189">Imatt</a>.</p>
<p>Cool grâce à toi, j&rsquo;ai maintenant des pourcentages à 2 chiffres.<br />
Pour le nom de la catégorie, je cale et sèche comme une m&#8230;<br />
Si tu peux jeter un coup d&rsquo;oeil, ca serait top. Merci</p>
<p>La fonction :<br />
$(function () {</p>
<p>		//on page load<br />
		getAjaxData(1);</p>
<p>		//on changing select option<br />
		$(&lsquo;#dynamic_data&rsquo;).change(function(){<br />
			var val = $(&lsquo;#dynamic_data&rsquo;).val();<br />
			getAjaxData(val);<br />
		});</p>
<p>		function getAjaxData(id){</p>
<p>		//use getJSON to get the dynamic data via AJAX call<br />
		$.getJSON(&lsquo;data.php&rsquo;, {id: id}, function(chartData) {<br />
			$(&lsquo;#container&rsquo;).highcharts({<br />
				chart: {<br />
					type: &lsquo;pie&rsquo;<br />
				},<br />
				title: {<br />
					text: &lsquo;Suivi des consommations par adherent&rsquo;<br />
				},</p>
<p>				tooltip: {<br />
                    formatter: function() {<br />
                        return &lsquo;<b>&lsquo;+ this.point.name +&rsquo;</b>: &lsquo;+ this.percentage.toFixed(2) +&rsquo; %&rsquo;;<br />
                    }<br />
                },<br />
				plotOptions: {<br />
				//this need only for pie chart<br />
				pie: {<br />
					allowPointSelect: true,<br />
					cursor: &lsquo;pointer&rsquo;,<br />
					dataLabels: {<br />
                            enabled: true,<br />
                            color: &lsquo;#000000&rsquo;,<br />
                            connectorColor: &lsquo;#000000&rsquo;,<br />
                            formatter: function() {<br />
                                return &lsquo;<b>&lsquo;+ this.point.name +&rsquo;</b>: &lsquo;+ this.percentage.toFixed(2) +&rsquo; %&rsquo;;<br />
                            }<br />
                        }</p>
<p>				}<br />
			},<br />
				series: chartData</p>
<p>			});<br />
		});<br />
	}<br />
});</p>
<p>La partie PHP :<br />
//select database<br />
mysql_select_db(« hagroupejioli », $con);</p>
<p>$id = $_GET[&lsquo;id&rsquo;];</p>
<p>$arr 	= array();<br />
$arr1 	= array();<br />
$result = array();</p>
<p>$sql = « select categorie, `2014` from higcharts_data where adherent_id = &lsquo;$id' »;<br />
$q	 = mysql_query($sql);<br />
$j = 0;<br />
while($row = mysql_fetch_array($q)){</p>
<p>	$arr[&lsquo;data&rsquo;][] = $row[&lsquo;categorie&rsquo;];<br />
	$arr1[&lsquo;data&rsquo;][] = $row[&lsquo;2014&rsquo;];<br />
}</p>
<p>array_push($result,$arr1);</p>
<p>print json_encode($result, JSON_NUMERIC_CHECK);</p>
<p>mysql_close($con);</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : Imatt		</title>
		<link>https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-167189</link>

		<dc:creator><![CDATA[Imatt]]></dc:creator>
		<pubDate>Sat, 02 May 2015 16:10:31 +0000</pubDate>
		<guid isPermaLink="false">https://undisconnected.com/?p=2235#comment-167189</guid>

					<description><![CDATA[En réponse à &lt;a href=&quot;https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-167176&quot;&gt;Bouillé&lt;/a&gt;.

Bonjour

Merci pour les bons mots. Je te conseillerais de vérifier ce que tu as comme valeur dans la fonction tooltips. Tu peux utiliser console.log(this). Tu devrais voir les attributs de l&#039;objet &quot;this&quot; dans la console. Pour le nom de la catégorie (this.key) devrait fonctionner. Pour ton pourcentage, il est correct mais juste mal formaté. Tu peux utiliser : this.percentage.toFixed(2);

J&#039;ai modifié mon example pour afficher le pourcentage dans le tooltip si tu veux voir ! 

Bonne journée et bon courage !]]></description>
			<content:encoded><![CDATA[<p>En réponse à <a href="https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-167176">Bouillé</a>.</p>
<p>Bonjour</p>
<p>Merci pour les bons mots. Je te conseillerais de vérifier ce que tu as comme valeur dans la fonction tooltips. Tu peux utiliser console.log(this). Tu devrais voir les attributs de l&rsquo;objet « this » dans la console. Pour le nom de la catégorie (this.key) devrait fonctionner. Pour ton pourcentage, il est correct mais juste mal formaté. Tu peux utiliser : this.percentage.toFixed(2);</p>
<p>J&rsquo;ai modifié mon example pour afficher le pourcentage dans le tooltip si tu veux voir ! </p>
<p>Bonne journée et bon courage !</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		Par : Bouillé		</title>
		<link>https://undisconnected.com/recharger-un-graphique-highchart-avec-de-nouvelles-donnees-provenant-dun-formulaire/#comment-167176</link>

		<dc:creator><![CDATA[Bouillé]]></dc:creator>
		<pubDate>Sat, 02 May 2015 14:57:56 +0000</pubDate>
		<guid isPermaLink="false">https://undisconnected.com/?p=2235#comment-167176</guid>

					<description><![CDATA[Bonjour

Bravo pour le tuto qui est top.
J&#039;essaye vainement sur un graphe highcharts (type pie) d&#039;adapter un script pour que les données remontant d&#039;une base soient filtrées en fonction d&#039;un menu déroulant.
Je n&#039;arrive pas avoir des étiquettes qui reprennent le bon % et le nom de la catégorie.
Pouvez vous me donner un coup de main
Merci
Olivier]]></description>
			<content:encoded><![CDATA[<p>Bonjour</p>
<p>Bravo pour le tuto qui est top.<br />
J&rsquo;essaye vainement sur un graphe highcharts (type pie) d&rsquo;adapter un script pour que les données remontant d&rsquo;une base soient filtrées en fonction d&rsquo;un menu déroulant.<br />
Je n&rsquo;arrive pas avoir des étiquettes qui reprennent le bon % et le nom de la catégorie.<br />
Pouvez vous me donner un coup de main<br />
Merci<br />
Olivier</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
