Angular 如何使用NGX图表实现时间线过滤条形图？

我一直在试图找出如何实现NGX图表的x轴时间表，如文档演示页面中所示：

但是没有任何地方的代码是如何实现的，就像其他ngx图表一样

---

我的JSON和基础都能正常工作：

name: 'Temperature',
      series: [
        { value: 22, name: '2021-06-01 10:45:00+00' },
        { value: 33, name: '2021-06-01 11:14:44+00' },
        { value: 11, name: '2021-06-01 13:45:00+00' }, ... ]

---

但是，如果没有stackblitz代码示例，就像其他图表类型和功能一样，我似乎什么都做不到。

据我所知，我认为数据必须是JSON格式的

数据=[
{
名称：“温度”，
系列：[{
价值：22，
名称：“2021-06-01 10:45:00+00”
},
{
价值：33，
名称：“2021-06-01 11:14:44+00”
},
{
价值：11，
名称：“2021-06-01 13:45:00+00”
}
}]

据我所知，我认为数据必须是JSON格式

数据=[
{
名称：“温度”，
系列：[{
价值：22，
名称：“2021-06-01 10:45:00+00”
},
{
价值：33，
名称：“2021-06-01 11:14:44+00”
},
{
价值：11，
名称：“2021-06-01 13:45:00+00”
}
}]

自定义演示图表

“时间线过滤器条形图”是自定义图表组件的一个示例，您可以在库的帮助下自行创建这些组件

---

您可以在自定义演示图表中找到源代码。

“时间线过滤器条形图”是自定义图表组件的一个示例，您可以在库的帮助下自行创建这些组件

---

您可以在中找到源代码。

我的JSON和基础都正常工作。图表运行时没有错误，但x轴底部的时间线显示了每个值的时间戳，我想知道如何实现时间戳较少的时间线过滤器条形图。提供的代码没有像中那样限制x轴时间信息上面的链接。如果我有包含100个条目的数据，它将在x轴上显示所有这些时间戳。我感谢您的帮助，谢谢。Ok xAxisTickFormatting=value=>

x${value.tolocalString（）}

；yAxisTickFormatting=value=>

Y${value.tolocalString（）}

；在这里阅读更多信息我得到了JSON和基本功能。图表运行时没有错误，但是x轴底部的时间线显示了每个值的时间戳，我想知道如何实现时间戳更少的时间线过滤器条形图。提供的代码没有像上面链接中那样限制x轴时间信息。如果我有100个条目的数据，它将在x轴上显示所有这些时间戳。不过，我感谢您的帮助。好的xAxisTickFormatting=value=>

x${value.tolocalString（）}

；yAxisTickFormatting=value=>

Y${value.tolocalString（）}

；请在此阅读更多内容，谢谢。使用library as go to guide来实现此功能似乎有点太难了。当我试图找到此问题的解决方案时，我曾经在那里绊倒过。我想我需要研究此方法，尽管它需要我大量的学习。Stackblitz演示将在一段时间内手动交付答案lden plate，但这是一个有点太过一厢情愿的想法。谢谢你，我会尽我最大的努力。感谢你的帮助！是的，在了解这一点时，首先要做的事情很多，但我相信当你尝试根据这样一个工作示例来实现它时，学习经验会大得多。享受其中的乐趣：）谢谢你。我似乎有点不知所措我想我需要学习这种方法，尽管它需要我学习很多东西。Stackblitz演示版会手工将答案放在一个金色的盘子上，但这有点太一厢情愿了谢谢你，我会尽我最大的努力。感谢你的帮助！是的，在理解这一点时，首先要做的事情很多，但我相信，如果你根据这样一个工作示例尝试自己实现它，学习经验会大得多。祝你玩得开心：）