javascript - Flot 自定义工具提示插件

Question

在进入 Flot 和使用插件方面做得很好，但我遇到了一个问题，这是我缺乏编程知识。如果有人可以提供帮助，我们将不胜感激。

我正在尝试自定义工具提示，但我似乎无法将 id: "flotTip"链接到 css 样式。我将网格设置为可悬停并添加到 id: "flotTip"并将 defaultTheme 设置为 false。

grid: { hoverable: true, borderWidth: {top: 0, right: 0, bottom: 2, left: 0}, borderColor: {bottom: "rgb(180,180,180)"}},

tooltip: true, tooltipOpts: { id: "flotTip", content: "%s %y %x", shifts: {x: 10,y: 20}, defaultTheme: false,} });

CSS

.flotTip {padding: 3px 5px;background-color: "rgba(250,100,100,0.5)";color: #000;box shadow: 0 0 10px #555;border: 2px solid #000;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

任何方向都会有所帮助。

谢谢罗布

Answer 1

id 的 CSS 选择器是 #flotTip。

.flotTip 用于类。