是否可以在Dash的Checkboxes中突出显示标签的一部分

时间:2019-04-29 00:51:40

标签: plotly plotly-dash

https://dash.plot.ly/dash-core-components/checklist中的示例为例,我正在寻找一种通过将背景涂成黄色来突出显示纽约(不包括城市)的方法。

enter image description here

如果我直接用html编写代码,我会使用span标记,但是我不确定如何使用Dash方式。在这里,我还包括了上述URL的源代码。我尝试将标签字符串替换为

'<span style="background-color:yellow">New York</span> City'

但它不起作用。

from dcc.Checklist(
    options=[
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}
    ],
    values=['MTL', 'SF']
)

1 个答案:

答案 0 :(得分:0)

没有Dash方式可以做到这一点。标签只是一个字符串,样式没有分隔单词的样式,因此您只能将样式设置为全部或全部。

This answer处理了一个相关问题,需要使用JS来处理单词选择和样式更改。那可能会带您到那里,但那时候您肯定已经离开了Dash领域。