2017-07-26 14 views
0

enter image description here 日付をチャートに変更する方法を教えてください。x軸のidには、日付を "m-d"の形式で表示します。ExtJS 6チャートの日付を変更する方法

私に教えてください。 残念ながら、私のグラフには、添付ファイルに「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); 
         } 
        } 
       }] 

答えて

0

あなたは "Y-M-DのH-I-S" にdateFormat軸の設定を設定しなければなりません。

+0

Thx。私はこれを追加し、 'そのokが軸:[{ タイプ: '数字' 位置: '左'、 グリッド:真 }、 { タイプ: '時間' DATEFORMAT: 'd.m'、 位置: 'bottom'、 visibleRange:[0、1]、 } ] – Masquitos

関連する問題