Django Echarts Satphes Glot Data est manquant: comment ajuster dynamiquement la plage d'axe pour résoudre le problème d'affichage du point de données?

Dépannage et résolution du problème des données manquantes de Django et Echarts

Cet article analyse un problème de points de données manquants rencontrés lors du dessin de tracés de diffusion à l'aide de Django et Echarts: les axes de coordonnées graphiques sont affichés normalement, mais les points de données sont manquants.

La cause profonde du problème réside dans la combinaison du traitement des données et de la configuration des échartes. Le backend (View.py) a généré avec succès les données des règles d'association et l'a transmise au modèle frontal (cours.html) au format JSON. Mais le code frontal erre lors de la conversion des données JSON en format acceptable, ce qui fait que le tracé de diffusion ne soit pas affiché correctement.

Dans le code JavaScript frontal, le tableau bubbledata est généré correctement, y compris le support, la confiance, l'amélioration et d'autres informations; Les données de support et de confiance du magasin xaxisdata et yaxisdata respectivement. Cependant, le problème est les paramètres de valeur min et max de xAxis et yAxis . Le code peut prédéfinir xAxis.min: 0, xaxis.max: 0.1 et yaxis.min: 0, yaxis.max: 1 . Si les données se trouvent dans cette plage, le graphique s'affiche normalement; Mais en dehors de cette plage (par exemple, le support dépasse 0,1), les points de données seront recadrés, entraînant des écrans manquants.

Solution: ajustez dynamiquement xAxis.max et yAxis.max pour inclure la plage de tous les points de données. Définissez dynamiquement en fonction des valeurs maximales de xaxisdata et yaxisdata :

 Soit xaxismax = math.max (... xaxisdata);
Soit yaxismax = math.max (... yaxisdata);

Var Option = {
    // ... Autres configurations xaxis: {
        Nom: «Support»,
        min: 0,
        Max: xaxismax * 1.1, // ajouter 10% de tampon // ...
    },
    Yaxis: {
        nom: «confiance»,
        min: 0,
        Max: Yaxismax * 1.1, // ajouter 10% de tampon // ...
    },
    // ... autre configuration};

En calculant dynamiquement la valeur maximale et en réglant xAxis.max et yAxis.max , assurez-vous que tous les points de données sont dans la plage de l'axe du graphique pour résoudre le problème des données manquantes. * 1.1 Les coefficients peuvent être ajustés, laissant un espace visuel approprié. Si le problème persiste, vérifiez si le contenu du tableau bubbledata est correct, s'il y a un message d'erreur sur la console du navigateur et vérifiez soigneusement le type de données pour vous assurer que le support et la confiance sont des types numériques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!