如何在 dx-toolbar (DevExtreme) 中自定义下拉按钮?

时间:2021-05-31 08:54:07

标签: javascript angular typescript devextreme devextreme-angular

我在 Angular(v8.2.14) 中使用 DevExtreme(v20.1.4) 工具栏组件。
当我放置一个 dx-toolbar 并为工具栏项设置 locateInMenu="always" 时,我看到一个带有 dx-icon-overflow 的下拉按钮。

有没有办法自定义这个按钮上有一个字符串?

1 个答案:

答案 0 :(得分:0)

我使用 CSS 来更新下拉按钮。

library(ggplot2)

ggplot(data = df, aes(x = metric, y = somevalue, fill = group)) +
  geom_bar(position = "dodge", stat = "identity") +
  coord_flip() +
  theme(
    panel.background = element_blank(), legend.position = "bottom",
    legend.text = element_text(size = 14),
    legend.title = element_blank(),
    axis.title.x = element_blank(),
    axis.title.y = element_blank()
  ) +
  scale_fill_manual(values = c("#CC6600", "steelblue")) +
  ylim(-20, 100) +
  geom_errorbar(aes(x = metric, ymin = lower, ymax = upper, color = "error"), position = position_dodge(1), width = 0.2, size = 1) +
  scale_color_manual(values = c(error = "black"), labels = c(error = "Standard Error"))