timeline chart with dates as axisY labels & times as axisX labels

[rvwhitney]

Hi Gion, I hope you or someone can help me with a project using Chartist? I would prefer to have one chart with each day on a new line showing 24 hours of activity. I am struggling with the following code, which attempts to create a new chart for each date (not what I want):

var dateAry = [];
var timesAry = [];
timesAry.push([]);
timesAry.push([]);
timesAry.push([]);
timesAry.push([]);
timesAry.push([]);
timesAry.push([]);
timesAry.push([]);
dateAry.push();
dateAry.push();
dateAry.push();
dateAry.push();
dateAry.push();
dateAry.push();
dateAry.push();
for(var j=0;j

as in the pic, there are 3 lines (don't know why) - of course this is applicable to the multiple charts and might not be an issue if I can get multiple lines(dates) per chart
output not currently showing any dots - but that's not the problem
also, how to put unique dates on axisY - ( think I figured this out )
the output is currently in a state of flux, but basically I have been getting a continuous timeline, rather than axisX showing 24 hours - I would like to get the last 7 days of times node restarted throughout each day as a dot on the day.  I have all the data coming from the db.
Please let me know what questions you have that are unanswered here.
I appreciate any time and pointers you can provide.
Thanks!

[rvwhitney]

UPDATE: I have gotten this far: Here's the entire frontend:

Is there any way to combine these into one chart and one date per line? Thanks!

[Arantiryo]

Hello @rvwhitney 👋

Chartist has recently been updated to version 1.0 with some new exciting changes like ESM and TypeScript support. The migration guide can be found right here.

Please let me know if the question is still relevant to you so we can further look into it!