Напишите его в предыдущем разделе, библиотека версий: библиотека EXT JS 3.3.1
При создании таблицы многие вертикальные координационные значения одинаковы. Другие версии не были проверены. Друзья, которые заинтересованы, могут проверить это сами.
Кода -копия выглядит следующим образом:
var chartstore; // диаграммы данных
Ext.onready (function () {
// Используйте текущий файл сервера.
Ext.chart.chart.chart_url = 'extjs/resources/charts.swf';
var json_reader = new ext.data.jsonreader ({
IDProperty: «PointName»,
Корень: «Руки»,
TotalProperty: «Результаты»,
Поля: [{
Имя: 'PointName'
}, {
Имя: 'Bullcount',
Тип: "int"
}]
});
// Извлекать данные из фона
chartstore = new Ext.Data.Store ({
Прокси: new Ext.Data.httpproxy ({
URL: 'LoadColumnChart.do',
Метод: 'post'
}),
Читатель: json_reader
});
chartstore.reload ();
// панель сплошной таблицы
var colunchartpanel = new Ext.Panel ({
граница: ложь,
AutoScroll: True,
// заголовок: «Статистика записи об ошибках проверки оборудования»,
кадр: правда,
renderto: document.body,
Ширина: 800,
Высота: 240,
макет: 'fit',
предметы: {
xtype: 'coluntchart', // type
Магазин: ChartStore,
xfield: 'pointname', // x axis value
Yfield: 'Bullcount', // возьмите значение оси y
yaxis: new ext.chart.nemericaxis ({
DisplayName: 'Bullcount'
// labelrenderer: ext.util.format.numberrenderer ('0,0') // Ключевая проблема - это предложение.
}),
Tiprenderer: function (диаграмма, запись) {
return record.data.pointname + 'Количество сбоев:' +
Ext.util.format.number (record.data.faultcount, '0,0');
},
Серия: [{// столбец
Тип: 'Column', // Тип можно изменить (строка).
DisplayName: 'Bullcount',
yfield: 'bullcount',
Стиль: {
Цвет: 0x99bbe8
}
}]
}
});
// панель сплошной таблицы
var LeatsPanel = new Ext.Panel ({
Название: «Его диаграмма»,
Регион: «Запад»,
поля: '5 0 0 0',
Cmargins: '5 5 0 0',
Ширина: 850,
minsize: 700,
MAXSIZE: 850,
AutoScroll: True, // Установить True, прокрутка будет сгенерирована при переполнении содержимого, а по умолчанию неверно
коллапс: true, // разрешить усадку
Предметы: ColumnchartPanel
});
});
1. Перед разрешением:
2. После решения: