How to define x-axis hover format when using plotly.js

Question

In examples such as this one: https://plot.ly/12/~streaming-demos/, by using the designer tools under axes > Labels > Hover Format I am able to change the format of the time x-axis tooltip to something like "%y/%m/%d %I:%M%p"). How do I achieve the same thing in code?

I have been through the reference (https://plot.ly/javascript/reference/) and can't find anything on this.

Daniel · Accepted Answer · 2015-10-09 04:31:15Z

3

Found the answer. On the plotly designer there is a "View JSON" button which shows the json config object to achieve the effect I wanted.

The below code formats the x-axis (tickformat) and tooltip hover (hoverformat)

var layout = {
  xaxis:{
    tickformat: "%y/%m/%d %I:%M %p",
    hoverformat: "%y/%m/%d %I:%M %p"
  }
}
Plotly.newPlot('myDiv', data, layout);

answered Oct 9, 2015 at 4:31

Daniel

2,8041 gold badge33 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to define x-axis hover format when using plotly.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related