我正在创建一个网站,用户可以在该网站上记录他们在一段时间内完成各种任务的技能进展(使用0到100的通用排名)。作为其中的一部分,我希望用户能够显示一个历史折线图,显示他们记录的值以及记录这些值的日期/时间。
下面是我经常访问的一个网站(GPLRank)的图片,它使用了类似的概念,显示了随时间推移的时间障碍,其中x轴是时间,y轴是以秒为单位的障碍(与基准相比)。出于我的目的,我希望x轴保持为时间,但我希望y轴是从0到100的值。
我在网上找到了很多使用chart.js这样的工具的例子,但是没有一个能完全符合我所寻找的,以不规则的时间间隔记录值的例子。例如,我的网站的用户可能今天记录了10个值,但随后可能几天或几周都不会再记录任何值。
我的网站基本上是基于PHP的,我对javascript知之甚少。但是,我对使用一些脚本来实现这一点持开放态度。
有任何想法都很感激。谢谢。
1条答案
按热度按时间neekobn81#
在x轴上使用时间的简单例子。不要忘记luxon,chartjs-adapter-luxon库,顺序很重要。
第一个