![](/img/trans.png)
[英]Expand graph to the full size of the Dash bootstrap (dbc) column in python
我最近一直在使用 dash,遇到了一個問題。 我的側面圖沒有擴展到 dbc 列的完整大小,我不明白為什么。 最后,我希望折線圖堆疊在彼此之上,條形圖緊挨着它們。 如果有人有解決辦法,我將不勝感激。 這就是它的樣子。 但我希望條形圖一直延伸到第二個折線圖所在的位置 ...
[英]Expand graph to the full size of the Dash bootstrap (dbc) column in python
我最近一直在使用 dash,遇到了一個問題。 我的側面圖沒有擴展到 dbc 列的完整大小,我不明白為什么。 最后,我希望折線圖堆疊在彼此之上,條形圖緊挨着它們。 如果有人有解決辦法,我將不勝感激。 這就是它的樣子。 但我希望條形圖一直延伸到第二個折線圖所在的位置 ...
[英]how to render html in python-dash-bootstrap-components?
我已經嘗試了很多東西,但我無法讓這段代碼呈現。 不幸的是,它在瀏覽器中僅顯示為字符串。 變量“html 代碼”包含顯示 Tradingview 圖表的代碼,但它僅顯示為字符串。 有人知道嗎? ...
[英]How to position my chart with Dash Bootstrap Components
我的圖表在頁面上的定位有問題,在這種情況下,我使用 Dash Bootstrap 組件在頁面上創建行和列…… 我的圖形應該在卡片旁邊,但它在卡片下面,我哪里做錯了? 屏幕截圖顯示了我的圖表在我的儀表板上的樣子儀表板布局 ...
[英]Render Many Images with dbc.Carousel in Dash app
我有一個大的圖像文件,我想顯示並最終使用 dbc.Carousel 過濾(使用回調)。 目前,我無法在本地測試服務器 (127.0.0.1) 上顯示圖像 - 我要么得到無圖像滑動縮略圖占位符,要么什么也沒有。 所以我有:# local path imagePath = r"C:\Users\asde ...
[英]Switching plots with radio button screws up the format
我正在嘗試做一些相對簡單的事情。 我想創建一個在兩種繪圖格式之間切換的單選按鈕。 單選按鈕在兩個選項之間切換。 讓我們稱它們為“a”和“b”。 When 'a' is selected, I want to plot two figures side by side using bootstrap ...
[英]Plotly Dash: switch between layouts based on viewport size
我有一個 Dash 應用程序,由三個部分組成: top 、 middle和bottom 。 我希望它在移動設備上顯示時看起來像這樣(視口大小xs ): 在桌面上顯示時就像這樣(視口大小sm - xxl ): 這兩種布局很容易分別創建: 問題是我不知道如何創建一個基於屏幕寬度在兩者之間切換 ...
[英]How to manage buttons alignment in dash bootstrap component (dbc) navbar element?
我想我的問題是格式化自動創建的 html。 我需要一個帶有幾個按鈕的導航欄。 左邊 1 個,右邊 2 個。 在這些按鈕之間,我需要一些文字。 我設法用下面的代碼做到這一點: 但是 HTML 看起來很奇怪——有很多 div: <nav color="dark" class ...
[英]Remove empty left space - plotly dash bootstrap
我正在使用破折號引導組件,因此我的所有組件都在我想要的布局中。 但是他們在他們的行的中心被混淆了。 從左側到我的第一張圖有很多空白空間。 為什么會這樣,我該如何刪除它? 這是我的代碼及其外觀。 我不知道為什么我的組件沒有從最左邊開始。 當然,除了我的“頭銜”。 這應該是中心。 但我的標簽和圖表已關 ...
[英]Python Dash - Is it possible to collapse multiple sections when pressing one button?
我有一個正在開發的儀表板應用程序。 它有 3 個按鈕,每個按鈕在單擊時折疊/展開一個部分。 我想要做的是在單擊其中一個按鈕時關閉所有其他部分。 我一直無法弄清楚如何實現這一目標。 我可以讓所有部分在按下按鈕時切換,但不能關閉。 我嘗試將 False 值傳遞給每個 output 但它總是只是切換。 ...
[英]Creating mixed width and height cells in a Dash layout
我看過多篇關於如何使用Dash的內置dbc組件創建混合高度/寬度的帖子,但沒有看到真正靈活、易於使用的方法來制作以下內容: 這里有一些鏈接, Plotly-Dash:如何將一個組件跨越兩行 多行破折號引導卡? https://github.com/facultyai/dash-bootstra ...
[英]How to connect HTML elements with Dash Callback in Python
我在我的代碼中同時使用了 html 元素和 dash 引導程序組件,想知道我是否可以在回調中將 HTML 組件與 Dash 組件連接起來。 例如,我有一個破折號下拉菜單,並希望根據下拉菜單的輸入更新 html 文本。 一旦用戶從下拉菜單中選擇了一個值,我希望所選值出現在 html.P 創建的文本行中 ...
[英]Plotly Dash Boostrap drop down menu is rendered behind the the plotly graph objects. Is there a way to stop this?
我正在制作一個 plotly - dash 應用程序,它有一個導航側欄來瀏覽不同的應用程序頁面(見下面的代碼)。 其中一個導航項包含一個 dbc.DropDownMenu,它懸在導航側邊欄的邊緣進入主要內容區域。 大多數時候這不是問題,除非主要內容區域中有 plotly 個圖表。 當有圖表時,下拉 ...
[英]Dash Bootstrap Components: Some inputs not styled correctly when using dark theme
我用 Plotly Dash / Dash Bootstrap 組件 (dbc) 編寫了一個應用程序。 使用淺色主題(Spacelab)時看起來不錯,但使用深色主題(我試過Darkly和 Cyborg)時,下拉菜單和選擇的樣式不正確 - 它們應該有白色背景,但有黑色背景: 這是展示問題的其他功能齊 ...
[英]How do I render a hyperlink in a Dash table? (DataTable or dbc Table)
我目前正在使用Dash前端界面(python),我正在將數據從Pandas dataframe 加載到表中。 我的問題是:如何在表格中呈現超鏈接? 我對 Dash 的DataTable組件和我在實現中使用的dbc 表(Dash Bootstrap 組件)的解決方案感興趣。 您可以在下面找到我如何將 ...
[英]Python Plotly Dash : responsive/ autosize indicator text
如何在更改瀏覽器 window 大小時自動調整指示器中的文本和數字的大小。 例如: 正常和小型瀏覽器大小: 指標window變小了,但是文字和數字沒有變,什么都看不到。 如何根據瀏覽器大小縮小數字和文本? 有沒有辦法檢測瀏覽器 window 的大小並將其作為文本大小設置中的條件? ...
[英]Styling Accordion dash bootstrap component
我想自定義手風琴引導組件<\/a>中的選項卡。 這是代碼: ...
[英]Jump to html anchor using dash-bootstrap-component button in python
我正在嘗試使用 dash-bootstrap-components 獲得一個按鈕來跳轉/滾動到網頁的某個部分。 錨點已正確添加到 URL 中,但網頁沒有移動。 我嘗試使用 dbc.NavLink 代替 Button,但同樣的事情發生了。 ...
[英]Usage of Columns in dash bootstrap components example
dash bootstrap 組件文檔( https://dash-bootstrap-components.opensource.faculty.ai/docs/components/form/ )的Form組件的(例如)“水平表單”代碼示例如下所示: 為什么Input組件在Col中,但Labe ...
[英]Styling Accordion tab dash bootstrap component
我想更改標簽顏色和 alignment 以集中它。 到目前為止我一直在使用 style = {'textAlign': 'center'} 和 displace = flex 選項也是如此,但這會扭曲內容 alignment。 任何人都知道如何使用 CSS 僅覆蓋選項卡中的標題(在這種情況下為第 1 ...
[英]implement external_stylesheets with dash-bootstrap only to accordion component
在下面代表我的應用程序主要部分的代碼中,我需要應用僅適用於手風琴組件的 external_stylesheets。 我應該在下面的代碼中更改什么,因為目前此樣式應用於整個應用程序並且會導致不需要的樣式更改。 在此先感謝您的幫助!!!! ...