Écrivez-le dans la section précédente, Bibliothèque de version: Ext JS Library 3.3.1
Lors de la fabrication d'un graphique, de nombreuses valeurs de coordonnées verticales sont les mêmes. D'autres versions n'ont pas été testées. Les amis intéressés peuvent le tester eux-mêmes.
La copie de code est la suivante:
var chartStore; // Données de graphique
Ext.onready (function () {
// Utilisez le fichier serveur actuel.
Ext.
var json_reader = new Ext.Data.jsonReader ({
idProperty: "PointName",
racine: «lignes»,
TotalProperty: "Résultats",
champs: [{
Nom: 'PointName'
}, {
Nom: «FaultCount»,
Type: "int"
}]
});
// récupérer les données de l'arrière-plan
chartStore = new ext.data.store ({{
Proxy: New ext.ata.httpproxy ({
URL: 'LoadColumnChart.do',
Méthode: 'Post'
}),
lecteur: json_reader
});
chartStore.reload ();
// panneau de graphique à barres
var colnumnchartpanel = new ext.panel ({
Border: Faux,
AutoScroll: vrai,
// Titre: `` Équipement des statistiques d'enregistrement des défauts du point de test '',
Cadre: vrai,
Renderto: document.body,
Largeur: 800,
hauteur: 240,
disposition: «ajustement»,
articles: {
xType: 'Columnchart', // Type
Store: ChartStore,
Xfield: «PointName», // Valeur de l'axe X
yfield: «faultcount», // prenez la valeur de l'axe y
Yaxis: New ext.Chart.numericaxis ({{
DisplayName: «FaultCount»
// LabelRenderer: ext.util.format.numberRenderer ('0,0') // Le problème clé est cette phrase.
}),
TipRenderer: fonction (graphique, enregistrement) {
return enregistre.data.pointname + 'Le nombre d'échecs est:' +
Ext.util.format.number (disques.data.faultcount, '0,0');
},
série: [{// colonne
Type: «colonne», // Le type peut être modifié (ligne)
DisplayName: «FaultCount»,
Yfield: «FaultCount»,
style: {
Couleur: 0x99bbe8
}
}]
}
});
// panneau de graphique à barres
var LeftPanel = new ext.panel ({{
Titre: «Son graphique»,
Région: «Ouest»,
marges: '5 0 0 0',
cmargins: '5 5 0 0',
Largeur: 850,
Minsize: 700,
MaxSize: 850,
AutoScroll: true, // set true, une barre de défilement sera générée lorsque le contenu déborde, et la valeur par défaut est fausse
effondrement: vrai, // permettez le retrait
Éléments: Columnchartpanel
});
});
1. Avant la résolution:
2. Après résolution: