Hallo,

Ik ken niks over het maken van 3d grafieken maar zou het willen leren kennen.
Is er iemand die kan helpen met het opbouwen ervan.

Ik heb vogende code en een array al.

<?php
$host = "localhost";  /// use default
$username = "root"; /// write your mysql username
$password = ""; /// write your mysql password
$database = "test"; /// write your mysql database

$conn=mysqli_connect($host, $username, $password,$database) or die (mysqli_error());
// Controleren op verbinding
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// Query uitvoeren om gegevens op te halen
$query = "SELECT land, `cache type`, COUNT(*) as aantal_caches FROM database_bel GROUP BY land, `cache type`";
$result = $conn->query($query);

// Verzamel gegevens voor de grafiek
$data = [];
while ($row = $result->fetch_assoc()) {
    $data[$row['land']][] = [
        'type' => $row['cache type'],
        'count' => $row['aantal_caches']
    ];
}
echo '<pre>'.print_r($data, true).'</pre>';


?>


uit deze array krijg ik het volgende :
[Cyprus] => Array
(
[0] => Array
(
[type] => Multicache
[count] => 5
)

[1] => Array
(
[type] => Unknown Cache
[count] => 30
)

[2] => Array
(
[type] => Wherigo Cache
[count] => 2
)

)

[Denemarken] => Array
(
[0] => Array
(
[type] => Letterbox
[count] => 1
)

[1] => Array
(
[type] => Multicache
[count] => 40
)

[2] => Array
(
[type] => Unknown Cache
[count] => 4953
)

[3] => Array
(
[type] => Wherigo Cache
[count] => 3
)

)

Is er nu iemand die deze array kan overbrengen naar een 3d grafiek AUB.

Dank bij voorbaat .
Ps Ariën -> chatgpt weet er geen raad mee, alees wat deze weergeeft zijn fouten zonder grafiek op scherm.
Daarom stel ik hier de vraag aan de professionals.

Dank bij voorbaat.
Dan is een stacked bar het beste.
oke , maar waar vind ik voorbeelden hoe het dan moet ?
ga dit bekijken maar hoe krijg ik de data in het script ?
Ben niet van plan om de data telkens manueel in het script te wijzigen ?
Zie je vorige topic.

Je kan het direct doen tijdens het laden, maar evt ook via AJAX.
Oke, maar daar heb ik geen ondervinding mee ?
Oke, bedankt ik heb het voor elkaar gekregen door uw voorbeeld, ik heb gewoon mijn array aangepast naar de wensen van chart.js en het is opgelost.

Bedankt voor alles .


[size=xsmall]Toevoeging op 08/12/2023 17:20:20:[/size]

toch nog een probleempje , misschien weet iemand raad.

Als ik de grafiek gebruik via localhost geen probleem.
Als ik hem wil gebruiken via de host krijg ik dit :
Fout bij het parsen van JSON: SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at xhr.onreadystatechange (index.php:22:41)

en ik zie geen grafiek

Dit is mijn index.php
[code]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geo Grafiek</title>
<!-- Voeg Chart.js toe -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<!-- Voeg hier de grafiekcontainer toe -->
<canvas id="geoChart"></canvas>

<script>
// Maak een AJAX-aanroep om de gegevens op te halen zonder jQuery
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {
try {
// Probeer de gegevens op te halen en te verwerken als JSON
var data = JSON.parse(this.responseText);

// Voeg hier de code toe om een gestapelde staafdiagram te maken met Chart.js
var ctx = document.getElementById('geoChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: data,
options: {
scales: {
x: { stacked: true },
y: { stacked: true }
}
}
});
} catch (error) {
// Als er een fout optreedt bij het parsen van JSON
console.error("Fout bij het parsen van JSON: ", error);
}
} else {
// Als de status geen 200 OK is
console.error("Fout bij de AJAX-aanroep. Status: " + this.status);
}
}
};
xhr.open("GET", "graf.php", true);
xhr.send();
</script>
</body>
</html>

weet iemand raad ?
** spamknip **
Lauren,

Wat voor zever kraam jij hier uit ?

Reageren