如何在y轴Chart.js上创建日期图表

时间:2017-03-02 02:01:40

标签: javascript php chart.js

我有一系列项目,每个项目都有一个完成日期。我试图在水平条形图上显示它,使得标签位于y轴上,完成日期位于x轴上,如下图所示: Target axis。我目前正在使用Chart.js

我遇到的问题是Chart.js似乎无法将我的数据解释为日期 - 而是评估它(例如,2017-02-10被解释为2005)。根据chartjs.org/docs/#scales-time-scale上的文档,我尝试使用Moment.js将我的日期字符串解析为片刻,但它无法呈现它。

我最好的猜测是,由于它是一个水平条形图,我的x轴值被视为y轴值,文档说明时间刻度仅支持在x轴上。

是否有一些解决方法可以让我使用日期作为数据,因此它看起来像这个图像,但是使用第一张图像的轴?如果没有,是否有另一个我可以使用的库支持这个?我还没有找到任何人在横向图上使用时间刻度的例子,所以我不知道CanvasJS之类的其他库是否也可以这样做。

Goal data, but wrong x-axis

感谢。

0 个答案:

没有答案