chart.jsタイムスケールの日付フォーマットを定義する方法

Question

私はchart.jsを使用しています。自分のデータのカスタム日付フォーマットを設定したいと思います。どうやってやるの？私はツールチップと軸目盛りラベルフォーマットを制御することができますどのように

scales: { 
        xAxes: [{ 
         type: 'time', 
         position: 'bottom', 
         time: { 
          displayFormats: { 
           **'day': 'Y M D', 
           'week': 'Y M D', 
           'month': 'Y M D', 
           'year': 'Y M D',** 
          } 
         }, 

：

はたとえば、ここに私のx軸の日付の設定です。

Answer 1

ポイントホバーのツールチップに表示されるデータの書式を設定しようとしている場合は、タイムスケールを使用するときにtooltipFormatプロパティを使用してツールチップに使用するjs書式文字列を設定できます。

scales: { 
    xAxes: [{ 
    type: 'time', 
    position: 'bottom', 
    time: { 
     tooltipFormat: "MM-DD-YYYY", 
    }, 
    }], 
} 

あなたはそれが唯一の日付の日の部分を示しているように、x軸の目盛りラベルの書式を設定しようとしているが、あなたはunitプロパティを使用することができます。

scales: { 
    xAxes: [{ 
    type: 'time', 
    position: 'bottom', 
    time: { 
     unit: "day", 
    }, 
    }], 
} 

上記の例では、 'LL'（例えば、1986年9月4日）であるdayに対して定義されたデフォルトの表示形式を使用します。この形式を他の形式（たとえば09/04/1986）に変更する場合は、dayのような表示形式を再定義することができます。

scales: { 
    xAxes: [{ 
    type: 'time', 
    position: 'bottom', 
    time: { 
     unit: "day", 
     displayFormats: { 
     day: "l", 
     }, 
    }, 
    }], 
}