Bar chart - position bars at a start time

plotly.js
1

I have a timeline chart that represents a group of events. I want to show columns at the beginning of an each x point. Sow, if I have two points: [‘11:30:00’, ‘11:30:30’] and [10, 10] I want to see two columns that have their left sides start at '11:30:00 and 11:30:30. Also I want to base column widths on a time in milliseconds. Please help. This is a critical project.

Thanks

2

Something like this demo?

3

Columns should start at the beginning a time slot. Also column width should be based on a time too.