时间戳

首页 > 解决方案 > 自定义 dash-daq 仪表的旋钮

python - 自定义 dash-daq 仪表的旋钮

问题描述

我正在尝试完全自定义dash-daq 仪表外观。首先，我想通过在我的仪表中添加一个类（no-needle）并在 CSS 中设置以下样式来移除我成功的针：

.no-needle line {
   stroke: none !important;
}

我通过浏览器检查器发现了这个 CSS 属性，并且它工作正常，如下面的截图所示

然后我想卸下中央“旋钮”，但没有找到办法。我很挣扎，因为旋钮不是像针（它是一条线）这样的单个元素，正如您在此处看到的那样。我试图在 dash-daq 文档中进行探索，但没有找到任何改变针和/或中央旋钮样式的选项。

甚至可能吗？

任何帮助，将不胜感激。感谢您的时间。

（我正在使用的版本） dash==1.0.1 dash-daq==0.1.5

标签： pythoncssplotly-dashplotly-python

解决方案

我通过创建以下 CSS 规则找到了一个（肮脏的？）解决方案：

.no-needle use {
    display: none;
}

（我在这里指定 .no-needle 是因为我的页面上有很多量规，我只想隐藏一个）。

*感谢巴斯范德林登

推荐阅读