ExtJS 6 如何在图表上呈现数据
ExtJS 6 How to redner date on chart
请告诉我如何在图表上显示日期?在 x 轴上,id 喜欢以 "m-d".
格式显示日期
请告诉我如何制作它。
不幸的是,我的图表在附件中显示的日期类似于 "Y-m-d h-i-s"。
axes: [{
type: 'numeric',
position: 'left',
grid: true
},
{
type: 'time',
position: 'bottom',
visibleRange: [0, 1],
}
],
series: [{
type: 'line',
highlight: true,
xField: 'date',
yField: ['count'],
title: ['Настройка из ЛК штук'],
// Отображение подсказки при наводке на график
tooltip: {
trackMouse: true,
renderer: function(tip, item) {
// Определяем день и месяц для их корректного отображения в tip
var date = new Date(item.get('date'));
var day = date.getDate();
// Прибавляем к месяцу 1 , т.к getMonth почемуто возвращает на месяц меньше
var month = date.getMonth() + 1;
tip.setTitle('Количество: ' + item.get('count') + ' шт.');
tip.update('Дата: ' + day + "." + month);
}
}
}]
您应该将 dateFormat 轴配置设置为 "Y-m-d h-i-s"。
请告诉我如何制作它。 不幸的是,我的图表在附件中显示的日期类似于 "Y-m-d h-i-s"。
axes: [{
type: 'numeric',
position: 'left',
grid: true
},
{
type: 'time',
position: 'bottom',
visibleRange: [0, 1],
}
],
series: [{
type: 'line',
highlight: true,
xField: 'date',
yField: ['count'],
title: ['Настройка из ЛК штук'],
// Отображение подсказки при наводке на график
tooltip: {
trackMouse: true,
renderer: function(tip, item) {
// Определяем день и месяц для их корректного отображения в tip
var date = new Date(item.get('date'));
var day = date.getDate();
// Прибавляем к месяцу 1 , т.к getMonth почемуто возвращает на месяц меньше
var month = date.getMonth() + 1;
tip.setTitle('Количество: ' + item.get('count') + ' шт.');
tip.update('Дата: ' + day + "." + month);
}
}
}]
您应该将 dateFormat 轴配置设置为 "Y-m-d h-i-s"。