Plotly:如何更改悬停标签的格式?
Plotly: How can I change the format of hover-on labels?
我查看了在线文档,但找不到如何更改悬停标签的格式:
例如,如果我想将数字显示为“~611 千”或类似的东西。
使用 python / d3 formatting language.
可以完全自定义 Plotly 刻度和悬停格式
从 API 开始,使用轴属性 'tickformat'
和 'hoverformat'
来设置行为。例如,this graph 有 'layout.yaxis.hoverformat': ',f'
.
在网络应用程序中,在 "Axes" -> "Labels":
下输入格式规范
Plotly 只允许轴和悬停格式的字符串值,因此您不能编写自己的函数来格式化具有这种不寻常样式的标签。
所以我只看到一个解决方案 -- 使用 jquery 和 "on_hover" 事件更改创建的悬停工具提示:
result.on('plotly_hover', function (eventdata){
/*
* var hoverTooltip = $(".hovertext", result)[0],
* hoverText = $("text", hoverTooltip).get(0),
* hoverFrame = $("path", hoverTooltip).get(0);
*
* do what you want here
*
*/
})
但这里需要做很多工作(您还必须考虑悬停工具提示的大小和位置)
我查看了在线文档,但找不到如何更改悬停标签的格式:
例如,如果我想将数字显示为“~611 千”或类似的东西。
使用 python / d3 formatting language.
可以完全自定义 Plotly 刻度和悬停格式从 API 开始,使用轴属性 'tickformat'
和 'hoverformat'
来设置行为。例如,this graph 有 'layout.yaxis.hoverformat': ',f'
.
在网络应用程序中,在 "Axes" -> "Labels":
下输入格式规范Plotly 只允许轴和悬停格式的字符串值,因此您不能编写自己的函数来格式化具有这种不寻常样式的标签。
所以我只看到一个解决方案 -- 使用 jquery 和 "on_hover" 事件更改创建的悬停工具提示:
result.on('plotly_hover', function (eventdata){
/*
* var hoverTooltip = $(".hovertext", result)[0],
* hoverText = $("text", hoverTooltip).get(0),
* hoverFrame = $("path", hoverTooltip).get(0);
*
* do what you want here
*
*/
})
但这里需要做很多工作(您还必须考虑悬停工具提示的大小和位置)