Javascript Chartjs-如何获得x轴标签上的最后7天?

Javascript Chartjs-如何获得x轴标签上的最后7天?,javascript,jquery,time,chart.js,linechart,Javascript,Jquery,Time,Chart.js,Linechart,我正在尝试使用chartjs在我的折线图的x轴上获取最后七天。最好的方法是什么 谢谢你必须自己把它们放在轴上。看见 当然,您需要从后端获取y轴上的信息。如何做到这一点取决于数据的结构方式您必须自己将数据放在轴上。看见 当然,您需要从后端获取y轴上的信息。如何执行此操作取决于数据的结构方式您可以通过以下方式获取数据: const dataArray = yourChart.data.datasets[0].data console.log(dataArray.slice(Math.max(data

我正在尝试使用chartjs在我的折线图的x轴上获取最后七天。最好的方法是什么


谢谢

你必须自己把它们放在轴上。看见
当然,您需要从后端获取y轴上的信息。如何做到这一点取决于数据的结构方式

您必须自己将数据放在轴上。看见 当然,您需要从后端获取y轴上的信息。如何执行此操作取决于数据的结构方式

您可以通过以下方式获取数据:

const dataArray = yourChart.data.datasets[0].data
console.log(dataArray.slice(Math.max(dataArray.length - 7, 1)))
您可以通过以下方式获得:

const dataArray = yourChart.data.datasets[0].data
console.log(dataArray.slice(Math.max(dataArray.length - 7, 1)))

您可以使用以下代码实例化过去七天的图表:

开始=新日期, 结束=新日期; start.setDatestart.getDate-7;//设置为“现在”减去7天。 start.setHours0,0,0,0;//设置为午夜。 新建Chartdocument.GetElementById图表{ 类型:行, 选项:{ 比例:{ xAxes:[{ 类型:时间, 时间:{ 敏:开始, 马克斯:结束, 单位:天 } }] } } };
您可以使用以下代码实例化过去七天的图表:

开始=新日期, 结束=新日期; start.setDatestart.getDate-7;//设置为“现在”减去7天。 start.setHours0,0,0,0;//设置为午夜。 新建Chartdocument.GetElementById图表{ 类型:行, 选项:{ 比例:{ xAxes:[{ 类型:时间, 时间:{ 敏:开始, 马克斯:结束, 单位:天 } }] } } };
谢谢你。但我得到的只是“0”的值,当我console.logi这样做并正常工作时,你能为我提供你的chart.js javascript代码吗?我还没有将其放入chart.js代码中。我刚刚将上述内容复制并粘贴到我的代码中,console.log显示为[0,0,0,0,0]您是否将图表重命名为图表?在测试时,我将数据字段中最后7项的数组记录在控制台中,这就是x轴。如果您发布一些代码并描述数据的外观,就会减少混淆。谢谢。但我得到的只是“0”的值,当我console.logi这样做并正常工作时,你能为我提供你的chart.js javascript代码吗?我还没有将其放入chart.js代码中。我刚刚将上述内容复制并粘贴到我的代码中,console.log显示为[0,0,0,0,0]您是否将图表重命名为图表?在测试时,我将数据字段中最后7项的数组记录在控制台中,这就是x轴。如果您发布一些代码并描述数据的外观,就会减少混淆。谢谢@timclutton,现在日期如预期所示。我不清楚x或t值是如何工作的。我还希望将数据从日期匹配的数据库插入到折线图上的日期。我已经通过一个工作的AJAX调用将数据拉入;但是我怎么能编写代码来只提取与“所说”日期相关的数据呢?@KOF这是与您的设计相关的另一个问题。但是,编写服务器端代码来生成所需的数据。要么有一个只提供图表数据的URL,要么接受一个输入参数来过滤数据,例如?days=7或?start=20190101&end=20190107。谢谢@timclutton,日期现在按预期显示。我不清楚x或t值是如何工作的。我还希望将数据从日期匹配的数据库插入到折线图上的日期。我已经通过一个工作的AJAX调用将数据拉入;但是我怎么能编写代码来只提取与“所说”日期相关的数据呢?@KOF这是与您的设计相关的另一个问题。但是,编写服务器端代码来生成所需的数据。可以使用仅提供图表数据的URL,也可以接受输入参数以过滤数据,例如?天=7或?开始=20190101&结束=20190107。