Vue.js JS-如何实现YTD(年初至今)逻辑以进行日期选择

Vue.js JS-如何实现YTD(年初至今)逻辑以进行日期选择,vue.js,vue-chartjs,Vue.js,Vue Chartjs,我正在尝试在vue chartjs中实现一种日期选择方法。以下是我在方法生命周期挂钩中使用的函数: DateSelect(event) { const period = event.target.value let minValue = new Date(Math.max(...this.date) * 1000) const axisXMin = new Date(Math.min(...this.date) * 1000) switch (period) { case

我正在尝试在vue chartjs中实现一种日期选择方法。以下是我在方法生命周期挂钩中使用的函数:

DateSelect(event) {
  const period = event.target.value
  let minValue = new Date(Math.max(...this.date) * 1000)
  const axisXMin = new Date(Math.min(...this.date) * 1000)

  switch (period) {
  case '1m':
    minValue.setMonth(minValue.getMonth() - 1)
    break
  case '3m':
    minValue.setMonth(minValue.getMonth() - 3)
    break
  case 'ytd':
    minValue.setFullYear(minValue.getFullYear() - minValue.getMonth())  //Here I want to implement the YTD Logic.
    break
  default:
    minValue = axisXMin
  }
  const data = this.data.filter(el => {
    return el.x >= minValue
  })
  this.GraphOutput(data) // this is vue-chartjs function.
}
在这里,逻辑“1m”和“3m”工作得非常好,因为当单击相应的按钮时,它们会向用户显示之前的1个月和3个月图表


我想知道如何在我上面使用的函数中实现YTD(年初至今)逻辑。请帮助我。

据我所知,您可能需要图表中的全年数据。因此,您需要按如下所示设置最小值:

case 'ytd':
    minValue.setYear(minValue.getFullYear() - 1);
    break

您好@tuhin47,这里是我发现的,YTD–从年初到今天。例如,标记YTD:如果今天是6月26日,我们希望标记从1月1日到6月26日的每年(不仅仅是今年)的所有日期。在另一种定义中:要计算YTD,从当前值中减去1月1日的值。将差值除以1月1日的值。将结果乘以100,将数字转换为百分比。YTD总是令人感兴趣,但三年期和五年期回报告诉你更多。请帮帮我,我不明白这个逻辑。你好@tuhin47,我自己弄到的,你能帮我弄一下这个吗,我这几天都在面对这个问题