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

[Nidan23]

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ą.



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

Byłem na ich stronie, przejrzałem całą dokumentację i nie rozumiem dalej jak podpiąć do tego dane z tego API, aby wyświetlały się na bieżąca, jest raz zrobiony wykres i jest aktualizowany z każdym odświeżeniem strony.

Jeśli masz pomysł na bezpośrednie podpięcie się pod wykres, bez php z tymi danymi powyżej, które działają i są wyświetlane w formie tabelki, ale stwierdziłem, że pora pójść dalej, pora na ładniejsze przedstawienie danych, to chętnie posłucham i zastosuje.

+ zmienna $member działa poprawnie i masz wszystko opisane w 1 fragmencie kodu elegancko.

Jestem skreślony, bo się pytam? Szkoda, bo spędziłem na szukaniu 6 godzin i bez potrzeby staram się nie pisać postów...

Zwyczajnie nie rozumiem i szukam odpowiedzi

Mój problem nie leży w tym, że jestem tak zielony, że nie potrafię podpiąć linku do pliku .json i go wczytać, tylko problem leży w sposobie jak jest zapisany ten plik.
Poniżej wklejam przykładowy schemat takiego pliku:

[HTML] pobierz, plaintext 
{
  "items": [
    {
      "tag": "string",
      "name": "string",
      "expLevel": 0,
      "league": {
        "id": 0,
        "name": "string",
        "iconUrls": {
          "small": "string",
          "large": "string",
          "medium": "string"
        }
      },
      "trophies": 0,
      "versusTrophies": 0,
      "role": "string",
      "clanRank": 0,
      "previousClanRank": 0,
      "donations": 0,
      "donationsReceived": 0
    }
  ]
}
[HTML] pobierz, plaintext 

I jak sam widzisz, jest tu sporo stringów itd. A ja chcę wyświetlić tylko dane "Donations" z podpisem czyje to pod kolumną, a to wszystko leży w jednym pliku jak widzisz w 1 fragmencie kodu.

Uprzedzając możliwe pytanie, próbowałem to wprowadzić do bazy danych, jednakże ucina połowę rekordów i nikt nie ma pojęcia dlaczego, bo zastosowałem też skrypty chłopaków z forum i limit znaków nie został przekroczony, bo skróciłem zapytanie do wprowadzenia 1 typu danych i dalej było tylko 21 rekordów w bazie na 37 (teraz, zaraz może być 40). A na oficjalnym forum tego API nie mają pojęcia.