javascript - 使用 plotly.js 时如何定义 x 轴悬停格式

标签 javascript plotly

在这样的例子中:https://plot.ly/12/~streaming-demos/ ,通过使用轴 > 标签 > 悬停格式下的设计器工具,我能够将时间 x 轴工具提示的格式更改为类似“%y/%m/%d %I:%M%p”)的格式。我如何在代码中实现相同的目的?

我已经浏览了引用资料 ( https://plot.ly/javascript/reference/ ),但找不到任何相关内容。

最佳答案

找到了答案。在 plotly 设计器上有一个“查看 JSON”按钮,它显示 json 配置对象以实现我想要的效果。

以下代码格式化 x 轴 (tickformat) 和工具提示悬停 (hoverformat)

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

关于javascript - 使用 plotly.js 时如何定义 x 轴悬停格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33029631/

相关文章:

javascript - 如何仅显示基于路由更改的 react 组件?

python - 使用 Plotly 自定义标签

python - 可以自动滚动的破折号表

R plotly : 3D surface reverse x-axis

jupyter-notebook - Jupyter 中的 Mapbox map 未显示

javascript - 即使文本相同,在 aria-live 下重新宣布 <p>

javascript - 动态向 javascript 函数传递参数时出错

javascript - jQuery addClass 问题 - 试图通过 ID 查找元素

javascript - 为什么控制台日志记录后有一个空格并带有反斜杠 n?

python - 删除 Plotly Express 中自定义悬浮卡右侧的颜色