【问题标题】:Disable Tooltip Gradient禁用工具提示渐变
【发布时间】:2015-08-19 07:28:30
【问题描述】:

我想将多个参数传递给Tooltip,我写了以下代码作为占位符。但是,我的Tooltip背景颜色不统一,有渐变。我怎么能禁用?

chart.options.tooltip.template = "Name : AnyName<br>
  First Value: Any Value 1 <br>
  Second Value: Any Value 2";

【问题讨论】:

  • 你能用小提琴重现这个吗?
  • @ezanker,这里是小提琴:jsfiddle.net/rvn7kvt2,但是这种阴影效果并没有出现在小提琴的图片中。它来自我的实际实现。
  • 在您的应用程序中,您使用的是什么主题?工具提示具有 CSS 类 k-tooltip 和 k-chart-tooltip。你能看到你的 CSS 是否应用了渐变吗?您也可以尝试设置 series.overlay: { gradient: "none" }: docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/…
  • 我也添加了我的css,和我的实际实现几乎一样。但是,我仍然无法在小提琴中重现同样的问题。 jsfiddle.net/rvn7kvt2/1
  • 我也试过series.overlay: { gradient: "none" },但问题依旧。

标签: javascript kendo-ui kendo-chart


【解决方案1】:

我相信 k-chart-tooltip 正在指定背景图像:

尝试添加 CSS 规则:

.k-chart-tooltip {
    background-image: none !important;
}

【讨论】:

  • 我刚刚尝试过,telerik.com/forums/disable-tooltip-gradients- 但没有运气。
  • @mystackoverflow,检查 chrome 开发工具中的工具提示,看看是否有另一个 CSS 规则覆盖了这个。
  • 如何检查工具提示,它出现又消失。有什么诀窍可以遵循吗?我赞成你的努力。
  • @mystackoverflow,打开开发工具并将它们停靠在窗口底部。然后,当您右键单击工具提示时,如果上下文菜单中的检查元素选项位于开发工具上方,它不会消失。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-25
  • 1970-01-01
  • 2022-01-18
  • 2017-04-28
相关资源
最近更新 更多