将工具提示参数与 python 破折号滑块一起使用时出错



当我在python中创建破折号滑块时,当我使用tooltip={'always_visible':True}参数时出现错误。

仅当我移动滑块时才会出现错误。

当我删除工具提示参数时,代码运行良好(但我没有得到我需要的工具提示(。


# Here's a minimal example that reproduces the error
import dash
import dash_html_components as html
import dash_core_components as dcc
app = dash.Dash(__name__) 
app.layout = html.Div([
dcc.Slider(
id='my-slider',
min=0,
max=20,
step=0.5,
value=5,
tooltip={'always_visible': True}
),
html.Div(id='output-container-slider')
])
@app.callback(
dash.dependencies.Output('output-container-slider', 'children'),
[dash.dependencies.Input('my-slider', 'value')])
def update_output(value):
return 'You have selected "{}"'.format(value)
if __name__ == '__main__':
app.run_server(debug=True)

我希望工具提示在滑块移动时显示滑块的当前值,并且即使我将鼠标移开,工具提示也会持续存在。

相反,我收到此错误:

Failed component prop type: Invalid component prop `tooltip` key `visible` supplied to Slider.
Bad object: {
"visible": true
}
Valid keys: [
"always_visible",
"placement"
]
(This error originated from the built-in JavaScript code that runs Dash apps. Click to see the full stack trace or open your browser's console.)
Error: Failed component prop type: Invalid component prop `tooltip` key `visible` supplied to Slider.
Bad object: {
"visible": true
}
Valid keys: [
"always_visible",
"placement"
]
at propTypeErrorHandler (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/dash_renderer.dev.js?v=1.0.1&m=1568039086:44125:11)
at CheckedComponent (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/dash_renderer.dev.js?v=1.0.1&m=1568039086:40498:9)
at renderWithHooks (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:13073:18)
at mountIndeterminateComponent (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:15155:13)
at beginWork (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:15760:16)
at performUnitOfWork (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:19447:12)
at workLoop (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:19487:24)
at renderRoot (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:19570:7)
at performWorkOnRoot (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:20477:7)
at performWork (http://127.0.0.1:8050/_dash-component-suites/dash_renderer/react-dom@16.8.6.js?v=1.0.1&m=1568039086:20389:7)

感谢您的帮助!

事实证明,这是软件包中的一个错误,此后已得到修复:

https://github.com/plotly/dash-core-components/issues/640

或者,作为该版本的解决方法,可以使用以下命令启动应用程序:

dev_tools_props_check=False:
app.run_server(debug=True, dev_tools_props_check=False )

最新更新