# How to Plot time (HH:MM:SS) on y-axis using plotly.js

**URL:** <https://community.plotly.com/t/how-to-plot-time-hhss-on-y-axis-using-plotly-js/31169>\
**Category:** plotly.js\
**Created:** [November 11, 2019, 10:50am UTC](https://community.plotly.com/t/how-to-plot-time-hhss-on-y-axis-using-plotly-js/31169 "2019-11-11T10:50:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ramnish](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@ramnish](https://community.plotly.com/u/ramnish)\
**Post date:** [November 11, 2019, 10:50am UTC](https://community.plotly.com/t/how-to-plot-time-hhss-on-y-axis-using-plotly-js/31169/1 "2019-11-11T10:50:32Z")

</div>

I have a list in python in that list various times are stored according to some persons. I want to plot the time for specific person using plotly.js

**Note** : In that list everything is in date-time (nothing is in string)

I want to show like this  
xyz takes 00:10:55  
abc takes 01:02:20  
ccc takes 00:50:10

In x-axis name is there and in y-axis there respective time is there

---

<div class="post-metadata">

**Author:** ![archmoj](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/archmoj/32/8388_2.png) [@archmoj](https://community.plotly.com/u/archmoj)\
**Post date:** [November 11, 2019, 2:00pm UTC](https://community.plotly.com/t/how-to-plot-time-hhss-on-y-axis-using-plotly-js/31169/2 "2019-11-11T14:00:37Z")

</div>

I think you could convert the dates like this: [https://gist.github.com/fleutot/9ad9dc8acf940955c9a855364e94e5f8](https://gist.github.com/fleutot/9ad9dc8acf940955c9a855364e94e5f8)

---

<div class="post-metadata">

**Author:** ![ramnish](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@ramnish](https://community.plotly.com/u/ramnish)\
**Post date:** [November 11, 2019, 5:23pm UTC](https://community.plotly.com/t/how-to-plot-time-hhss-on-y-axis-using-plotly-js/31169/3 "2019-11-11T17:23:45Z")

</div>

thanks @archmoj  
It is working fine.  
But i need only to display time not date like if i remove **%Y-%m-%dT** this thing then my graph still showing date starting from 1 Jan 1990. I don’t want to show this date also.  
Check the below attachment for more clarification

![time](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/1/17683e3f2ab171135138a230b27ec170f26c0b94.jpeg)

---

<div class="post-metadata">

**Author:** ![archmoj](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/archmoj/32/8388_2.png) [@archmoj](https://community.plotly.com/u/archmoj)\
**Post date:** [November 14, 2019, 3:49pm UTC](https://community.plotly.com/t/how-to-plot-time-hhss-on-y-axis-using-plotly-js/31169/6 "2019-11-14T15:49:39Z")

</div>

For hovers could you try using `hovertemplate`? [https://plot.ly/javascript/reference/#scatter-hovertemplate](https://plot.ly/javascript/reference/#scatter-hovertemplate)