Wykresy animowane + dane ze zmiennej php + json[inne][PHP][JavaScript] Opcje

[Nidan23]

Otóż sprawa ma się następująco, poszukuję biblioteki bądź poradnika jak tworzyć wykresy animowane (czyli jak najadę na kolumnę/kropkę to wyświetli mi dokładną wartość, choć tyle). Wiem, wiem w internetach jest sporo takich niby rozwiązań, próbowałem korzystać z CanvasJS.com, jednak albo robiłem błąd w pętli, albo nie da rady, bo wyświetlał się tylko ostatni członek klanu a nie każdy. Poniżej wklejam kod:

[PHP] pobierz, plaintext 
<?php 
$clantag = "#28LJOYOLQ";
 
$clanurl = "https://api.clashofclans.com/v1/clans/" . urlencode($clantag);
 
$ch = curl_init($clanurl);
 
$headr = array();
$headr[] = "Accept: application/json";
$headr[] = "Authorization: Bearer ".$token;
 
curl_setopt($ch, CURLOPT_HTTPHEADER, $headr);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 
 
$res = curl_exec($ch);
$data = json_decode($res, true);
curl_close($ch);
 
if (isset($data["reason"])) {
  $errormsg = true;
}
 
$members = $data["memberList"];
 
 foreach($members as $member) {
 
$dataPoints = array(
 
      array("label"=> $member["name"], "y"=> $member["donations"]),      
 
);
?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
	<script>
window.onload = function () {
 
var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	exportEnabled: true,
	theme: "light2", // "light1", "light2", "dark1", "dark2"
	title:{
		text: "Donaty"
	},
	data: [{
		type: "column", //change type to bar, line, area, pie, etc
		//indexLabel: "{y}", //Shows y value on all Data Points
		indexLabelFontColor: "#5A5757",
		indexLabelPlacement: "outside",   
		dataPoints: <?php echo json_encode($members); ?>
	}]
});
chart.render();
 
}
</script>
[HTML] pobierz, plaintext 

+ wywołanie wykresu ze skryptem z ich biblioteki

[HTML] pobierz, plaintext 
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
[HTML] pobierz, plaintext 

Więc jak mówiłem, wykres wyświetla tylko jedną osobę a nie wszystkie, co jest kłopotem, a że dane są cały czas aktualizowane, to prowadzanie stałych danych mija się z celem.



PS. Prawdopodobnie nie umiem używać google'a, więc nie krzyczcie jak jednak znajdziecie coś co może zadziałać.

[gitbejbe]

Więc jak mówiłem, wykres wyświetla tylko jedną osobę a nie wszystkie, co jest kłopotem, a że dane są cały czas aktualizowane, to prowadzanie stałych danych mija się z celem.

tylko że Ty nic nie aktualizujesz w tym kodzie. Wrzucasz na wykres jednokrotnie jakieś dane w zmiennej $member i tyle. Co w ogóle ona zawiera, ta zmienna ? Pokaż ją.

PS. Prawdopodobnie nie umiem używać google'a, więc nie krzyczcie jak jednak znajdziecie coś co może zadziałać

Wszystko może działać, to nie biblioteki są problemem tylko Twoje podejście. Nie chce Ci się i próbujesz się głupio tłumaczyć i u mnie jesteś skreślony. Użyłeś biblioteki canvasjs - równie dobrze mogłaby być dowolnie inna. Byleś na ich stronie ? Zerknąłeś na dokumentacje ? Na przykłady których masz tam multum ? Nie, bo lepiej napisać że nie ogarnia się googla...

Proszę: https://canvasjs.com/javascript-charts/dyna...ive-line-chart/

ps. php nie jest tutaj konieczny

Ten post edytował gitbejbe 16.05.2019, 18:38:40