JSON et Highcharts

Je suis récemment de nouvelles à l'aide de JSON et je ne suis pas capable de dessiner des graphiques de toutes sortes de Highcharts. Depuis vendredi dernier, je suis en train de lire et la lecture sur internet, j'apprends beaucoup, c'est sûr, mais pour l'instant je suis désespérée. Je veux juste un simple bar et une tarte!

De mon fichier php, Json_encode imprime quelque chose à ceci:

[["January",4],["February",9]]

Je pense que c'est le bon format, chaîne avec le "" et int sans elle.

Et c'est le code que j'essaie (je suis en train de mettre la totalité de l'exemple du web, j'ai trouvé):

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">       </script>
<script type="text/javascript">
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'column',
marginRight: 130,
marginBottom: 25
},
title: {
text: 'Project Requests',
x: -20 //center
},
subtitle: {
text: '',
x: -20
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Requests'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y;
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
}, {
series: []
}
$.getJSON("myphpname.php", function(json) {
options.xAxis.categories = json[0]['data'];
options.series[0] = json[1];
chart = new Highcharts.Chart(options);
});
});
</script>
</head>
<body>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>

Merci pour tout!!!

  • Utilisez-vous json_encode() en php? et JSON_NUMERIC_CHECK drapeau du nombre de retours? Il est possble de voir la démo en live de ce graphique?
  • Salut @SebastianBochan merci pour essayer de m'aider. Dans mon php? J'ai mis de l'impression json_encode($lignes, JSON_NUMERIC_CHECK); à la fin. Je pense que le php est ok, parce qu'elle renvoie à quelque chose comme [["janvier",4],["février",9]] qui, si je ne me trompe pas, est le format correct. Je pense que l'erreur est le javascript, mais je ne sais pas où. Peut-être que le getJSON fonction est mal? Autre côté tout graphique est générée par ce moyen. La seule solution que j'ai trouvé est de mettre directement les données par moi-même, mais je voudrais un graphique dynamique! Merci encore!
  • Recevez-vous des erreurs? Pourriez-vous nous envoyer le lien de démo en live ?
  • Le problème est que je ne reçoit rien. Json_encode renvoie à quelque chose comme [["janvier",4],["février",9]]. Et je veux le mettre dans un, par exemple, Diagramme en camembert, donc je vais essayer de cette façon: jsfiddle.net/Anfuca/2cMzP Cela ne fonctionne pas, car il n'y a pas de json, mais vous pouvez voir le code. Je prends cet exemple de code à partir de ce site web: blueflame-software.com/blog/... Mon json enconde est au même format que dans l'exemple, mais je suis perdu dans quelque part que je ne sais pas.
  • Je pense que le problème vient de l'obtenir.Json. Je veux juste obtenir une sorte de tableau, je n'aime pas ce que... personne Ne sait ce qui se passera par ici? Je vais l'apprécier!!!
  • Essayez d'utiliser $.getJSON("data.php", function(json) { options.série[0].les données.push(json); tableau = new Highcharts.Tableau(options); }); En php, utilisez-vous json_encode() avec l'option JSON_NUMERIC_CHECK ? Parce que probablement vous retourne la chaîne, au lieu de json avec des valeurs. Comment votre fichier php ressemble?

InformationsquelleAutor Anfuca | 2013-11-14
  1. 1

    Une façon de trier ce qui est de définir les catégories et les données separaately:

    $(function () {
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
xAxis: {
categories: ["A", "B"]
},
series: [{
data: [
4,9                
]
}]
};
chart = new Highcharts.Chart(options);
});

    Votre getJson pourrait renvoyer un objet comme:

    {
categories:["January","February"],
data:[4,9]
}

    et puis votre javascript pourrait définir les options du graphique comme:

    options.xAxis.categories = json.categories;
options.series[0] = json.data;
    • Merci d'essayer de m'aider @SteveP. Je suis très désolé, mais mes connaissances sur la mise en forme et d'obtenir JSON à partir de php highcharts javascript, il est encore faible... j'ai essayé votre code. Une colonne de tableau s'affiche avec les valeurs de A-B et 4 à 9, respectivement. Mais, comment je format de l'objet Json comme {catégories:["janvier","février"],données:[4,9]} au lieu de la [["janvier",4],["février",9]] qui renvoie mon php json_encode ? Excuse-moi au sujet de mes mannequins questions. Merci beaucoup pour votre aide.
    InformationsquelleAutor SteveP
  2. 0

    Le code est ok. Le problème est que j'ai été en utilisant un gratuit serveur.

    Avec XAMPP, à la localhost il fonctionne parfaitement!

    Merci pour tout!

    InformationsquelleAutor Anfuca