2017-07-26 2 views
0

enter image description here Dites-moi, s'il vous plait, comment redéfinir la date sur le graphique? Sur l'axe x, vous souhaitez afficher la date au format "m-d".ExtJS 6 Comment rediffuser la date sur le graphique

Dites-moi s'il vous plaît chaud pour le faire. Malheureusement mon graphique montre la date comme "Y-m-d h-i-s" en pièce jointe.

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); 
         } 
        } 
       }] 

Répondre

0

Vous devez définir la configuration de l'axe dateFormat à "h-i-s Y-m-d".

+0

Thx. j'ajoute ceci et son ok 'axes: [{type : 'numérique', la position : 'gauche', grille : true} , { Type: le 'temps', dateFormat: 'd.m', position: 'bas', visibleRange: [0, 1], } ] ' – Masquitos