使用带有 python 破折号滑块的工具提示参数时出错答案

【问题标题】：Error using tooltip argument with python dash slider使用带有 python 破折号滑块的工具提示参数时出错
【发布时间】：2019-09-09 14:53:41
【问题描述】：

在 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)

感谢您的帮助！

【问题讨论】：

标签： python slider tooltip plotly-dash

【解决方案1】：

原来这是包中的一个错误，并且已被修复：

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

或者，作为该版本的一种解决方法，可以使用以下方式启动应用程序：

dev_tools_props_check=False:

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

【讨论】：