Charts 在图表js中如何获取日期选择器

如何在chart.js chart中获取日期选择器，以便从客户端获取选定日期范围内的历史数据

---

如果我在后端给出一个查询，它会给出一个图表，但如果我从客户端（即前端）给出，它不会发送图表。它使用选定日期的JSON数据进行回复

Chart.js没有用于日期时间选择器的插件。我向你推荐eonasdan。对于间隔，需要两个选择器。成功实现这些功能后，需要一个表单，用于将用户输入（客户端）发送到$\u POST或$\u GET输入到服务器端。您需要在HTML文档的标题中引用使用过的库

HTML

（可选，您可以添加一些引导图标）：

我猜你查询数据库来获取图表数据。因此，您需要根据日期选择器的用户输入来查询数据库。然后，将生成的数据存储在数组中，并将其转换为JSON：

$data = array('xaxis' => $xaxis, 'yaxis' => $yaxis);
json_encode($data);

请记住，此代码只是一个示例，需要嵌入到您自己的代码中

---

您是否使用Ajax进行服务器/客户端通信？

Chart.js没有用于日期时间选择器的插件。我向你推荐eonasdan。对于间隔，需要两个选择器。成功实现这些功能后，需要一个表单，用于将用户输入（客户端）发送到$\u POST或$\u GET输入到服务器端。您需要在HTML文档的标题中引用使用过的库

HTML

（可选，您可以添加一些引导图标）：

我猜你查询数据库来获取图表数据。因此，您需要根据日期选择器的用户输入来查询数据库。然后，将生成的数据存储在数组中，并将其转换为JSON：

$data = array('xaxis' => $xaxis, 'yaxis' => $yaxis);
json_encode($data);

请记住，此代码只是一个示例，需要嵌入到您自己的代码中

---

您是否使用Ajax进行服务器/客户端通信？

Tnks用于correction@swatiTnks用于correction@swatiyes，我使用的是Ajax，而不是php，我使用的是node js@N3WBieok，这在客户端没有太大不同。您需要实现一个datetimepicker并将用户输入传输到您的服务器，然后查询数据库！查询的结果值应为图表的x-y轴。你的问题不是很具体，我不知道你的问题在哪里。好的，我会详细解释，如果我在查询中正确地给出了开始和结束日期的值，它会获取图形。但如果我从前端输入值，它只会回复JSON数据。@N3wbieGraphs of Chart.js需要JSON格式的数据。我猜你想开发一个网站，对吗？使用console.log编辑文档就绪功能，其中显示传输的数据：

console.log（chartdata）。如果你能用你的代码编辑这个问题，我可以更好地帮助你！是的，我使用的是ajax，而不是php，我使用的是node js@n3WBieok，这在客户端没有太大的不同。您需要实现一个datetimepicker并将用户输入传输到您的服务器，然后查询数据库！查询的结果值应为图表的x-y轴。你的问题不是很具体，我不知道你的问题在哪里。好的，我会详细解释，如果我在查询中正确地给出了开始和结束日期的值，它会获取图形。但如果我从前端输入值，它只会回复JSON数据。@N3wbieGraphs of Chart.js需要JSON格式的数据。我猜你想开发一个网站，对吗？使用console.log编辑文档就绪功能，其中显示传输的数据：
console.log（chartdata）。如果你能用你的代码编辑这个问题，我可以更好地帮助你！
$data = array('xaxis' => $xaxis, 'yaxis' => $yaxis);
json_encode($data);