Solution au problème des valeurs ordonnées en double dans ExtJs_extjs

Écrit devant, version bibliothèque : Ext JS Library 3.3.1

Lors de la création de graphiques, de nombreuses valeurs de l'ordonnée sont les mêmes. J'ai accidentellement découvert la solution suivante. Vous pouvez la tester vous-même, je l'ai écrite. vers le bas pour la préparation. Vérifiez-le plus tard pour que les autres puissent le voir. Les autres versions n'ont pas été testées. Les amis intéressés peuvent le tester eux-mêmes.

Copier le code Le code est le suivant :

var chartStore;//Données du graphique
Ext. onReady(function(){

//Utiliser le fichier du serveur actuel. S'il n'y a pas une telle phrase, il ira par défaut sur le site d'Adobe pour obtenir
Ext.chart.Chart .CHART_URL = 'extjs/resources/charts .swf';

var json_reader = new Ext.data.JsonReader( {
idProperty : "pointName",
root : 'rows',
totalProperty : "results",
fields : [ {
name : 'pointName'
}, {
name : 'faultCount',
type : "int"
}]
});

//Obtenir des données en arrière-plan
chartStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'loadColumnChart.do',
méthode : 'POST'
}),
reader : json_reader
} ;
chartStore.reload(); Chart Panel
var columnchartPanel = new Ext .Panel({
border : false,
autoScroll : true,
//title : 'Graphique statistique d'enregistrement des défauts du point de mesure de l'équipement',
frame : true,
renderTo : document.body ,
width: 800,
height: 240,
layout : 'fit',
items : {
xtype : 'columnchart', / / Type
store : chartStore,
xField : 'pointName', // Valeur de l'axe X
yField : 'faultCount', // 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, j'ai commenté cette phrase et c'est normal
}),
tipRenderer : function (chart, record) {
return record.data.pointName 'Le nombre de défauts est :'
Ext.util.Format.number(record.data.faultCount, '0,0');
} ,
series : [ {//Column
type : 'column', //Le type peut être modifié (ligne) line
displayName : 'faultCount' ,
yField : 'faultCount',
style : {
color : 0x99BBE8
}
}]
}
}

//Histogramme panel
var leftPanel = new Ext.Panel( {
title: 'Histogram',
region:'west',
margins: '5 0 0 0',
cmargins: '5 5 0 0',
width: 850 ,
minSize: 700,
maxSize: 850,
autoScroll:true,//Défini sur true pour générer une barre de défilement lorsque le contenu déborde, la valeur par défaut est faux
pliable : vrai,//Autoriser le rétrécissement des
éléments : columnchartPanel
} ;

});


1. >

2. Après solution :