時間を削除した React 折れ線グラフ

Question

ロープチャートの下から3時間ごとに削除したいと考えています。私はreact-chart-js2を使用しています。これらの数値を表示するために .map 関数を使用しています。 3つずつだけ表示することは可能でしょうか？ チャート

時間を表示するコードは次のとおりです:

const data = {
       ラベル: chart.prices?.map(x => moment(x[0]).format('h:mm a'))、
        データセット: [{
            データ: chart.prices?.map(x => x[1]),
            背景色: '#ffffff00',
            境界線の色: 'rgb(79 70 229)',
            境界幅: '2'、
            pointBorderColor: '#ffffff00',
            張力：0.4、
            埋める： {
                target: "origin", // 3. 塗りつぶしオプションを設定します。
                上: "rgba(79, 70, 229, 0.0625)"
            }
        }]
      }

3 番目ごとの数字だけを表示したい

Answer 1

項目を 3 つおきに空の文字列に置き換えます。

リーリー

次に、chart.js で:

ラベル: 時間、