ExtJS 6如何在图表上更新日期

时间:2017-07-26 11:58:29

标签: extjs extjs6 extjs6-classic

enter image description here 请告诉我如何在图表上更新日期?在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);
                        }
                    }
                }]

1 个答案:

答案 0 :(得分:0)

您应将dateFormat轴配置设为“Y-m-d h-i-s”。