Zmienna php do chart.js

Question

Witam,

chciałbym przesłać zmienną z php do wykresu (chart.js). Czytałem, że można zrobić to jsonem i ajaxem, jednak przeglądając różne przykłady wszędzie jest pokazane połączenie do bazy i wyciąganie danych z bazy. Ja potrzebuję przesłać zmienne które obliczam sobie w php.

Kod dla chart.js

var pieData = [
   {
      value: 25,
      label: 'Java',
      color: '#811BD6'
   },
   {
      value : 35,
      label: 'HTML',
      color: '#6AE128'
   }
];

var context = document.getElementById('cv').getContext('2d');
var skillsChart = new Chart(context).Pie(pieData);

 

Tutaj php:

      if($counters <= 3)
		        {
		        	$x = count($id);
		        	$bMale = $bMale +$x;
		        }
		        else if($counters == 4)
		        {
		        	$x = count($id);
		        	$nMale = $nMale +$x;
		        }
		        else
		        {
		        	$x = count($id);
		        	$mMale = $mMale +$x;
		        }

Jak przekazać np. zmienną $nMale do value w js?

Comments

A co to za problem wywołować zapytanie do pliku php, a na zwrot oczekiwać JSONA? (funkcja php json_encode() --> http://php.net/manual/en/function.json-encode.php)

Możesz jeszcze inaczej zrobić, ale to nie jest zalecane.

<?php
$global $count // nie pamiętam czy musisz tu dać global. 
?>

var liczba = <?php $count ?>

 

---

No właśnie dla mnie jest problem, dlatego zwracam się z prośbą o pomoc. Nie rozumiem jak mam jsonem przekazać zmienną $nMale i umieścić ją w PieData{value: $nMale}. Mógłbyś zaprezentować jakiś prosty przykład? Próbowałem ale za cholere nie wiem jak to zrobić. Podejrzewam, że po pierwszym zastosowaniu już to ogarne.

---

<?php

$array = [
"value" => $value,
"value2" => $value2
];
json_decode($array);
?>

<script>


var request = $.ajax({
  url: "json.php",
  method: "GET",,
  contentType:"json/application";
});
 
request.done(function( JSON ) {
  console.log(JSON.Stringrify(JSON));
});
 

 


});
</script>

Coś takiego.

Answer 1

Normalnie wysyłasz ajaxem zapytanie do serwera o dane, zwracasz format json i obrabiasz po stronie js-a ? zapoznaj się z ajaxem bo brak ci podstaw.

Comments

ok, w takim razie biorę się za ajaxa