去除小時的React折線圖

Question

我想要從繩圖的底部去掉每三個小時。我正在使用react-chart-js2。我正在使用.map函數來顯示這些數字。有可能只顯示其中的每三個嗎？ 圖表

這是顯示這些小時的程式碼：

const data = {
       labels: chart.prices?.map(x => moment(x[0]).format('h:mm a')),
        datasets: [{
            data: chart.prices?.map(x => x[1]),
            backgroundColor: '#ffffff00',
            borderColor: 'rgb(79 70 229)',
            borderWidth: '2',
            pointBorderColor: '#ffffff00',
            tension: 0.4,
            fill: {
                target: "origin", // 3. Set the fill options
                above: "rgba(79, 70, 229, 0.0625)"
            }
        }]
      }

我希望只顯示其中的每三個數字

Answer 1

將每三個項目替換為空字串。

let hours = chart.prices?.map(x => moment(x[0]).format('h:mm a'));

for (let i=0; i<=hours.length; i++) {
  if((i+1) % 3 == 0){
        hours[i] = "";
  }
}

然後在chart.js中：

labels: hours,