Tuliskan di bagian sebelumnya, Perpustakaan Versi: Ext JS Library 3.3.1
Saat membuat grafik, banyak nilai koordinat vertikal adalah sama. Versi lain belum diuji. Teman yang tertarik dapat mengujinya sendiri.
Salinan kode adalah sebagai berikut:
var chartstore; // data grafik
Ext.onready (function () {
// Gunakan file server saat ini.
Ext.chart.chart.chart_url = 'extjs/sumber daya/charts.swf';
var json_reader = ext.data.jsonreader ({{{{{{{{{{{{
Idproperty: "PointName",
Root: 'Baris',
TotalProperty: "Hasil",
Fields: [{
Nama: 'PointName'
}, {
Nama: 'FaultCount',
Jenis: "int"
}]
});
// Ambil data dari latar belakang
chartstore = ext.data.store baru ({
Proxy: ext.data.httpproxy baru ({{
URL: 'LoadColumnChart.do',
Metode: 'Posting'
}),
Pembaca: JSON_READER
});
chartstore.reload ();
// Panel Bagan Bar
var columnChartPanel = ext.panel baru ({
Perbatasan: Salah,
Autoscroll: Benar,
// Judul: 'Statistik Catatan Kesalahan Titik Uji Peralatan',
Bingkai: Benar,
renderto: document.body,
Lebar: 800,
Tinggi: 240,
Tata letak: 'fit',
Item: {
xtype: 'columnchart', // ketik
Store: Chartstore,
xfield: 'pointname', // nilai sumbu x
yfield: 'faultcount', // ambil nilai sumbu y
Yaxis: ext.chart.numericaxis baru ({
DisplayName: 'FaultCount'
// LabelRenderer: ext.util.format.numberrenderer ('0,0') // Masalah utama adalah kalimat ini.
}),
TipRenderer: function (chart, record) {
return record.data.pointname + 'Jumlah kegagalan adalah:' +
Ext.util.format.number (record.data.faultcount, '0,0');
},
Seri: [{// kolom
Jenis: 'kolom', // Jenis dapat diubah (baris) baris
DisplayName: 'FaultCount',
Yfield: 'FaultCount',
gaya: {
Warna: 0x99bbe8
}
}]
}
});
// Panel Bagan Bar
var leftpanel = ext.panel baru ({
Judul: 'Bagannya',
Wilayah: 'Barat',
margin: '5 0 0 0',
cmargins: '5 5 0 0',
Lebar: 850,
MinSize: 700,
MaxSize: 850,
Autoscroll: Benar, // Setel true, bilah gulir akan dihasilkan saat konten meluap, dan standarnya salah
Runtuh: Benar, // Biarkan penyusutan
Item: ColumnChartPanel
});
});
1. Sebelum Resolusi:
2. Setelah resolusi: