Flot Customizing工具提示插件

时间:2014-08-29 14:08:04

标签: javascript css plugins flot styling

一直很好地进入Flot并使用插件,但我遇到了一个问题而且我缺乏编程知识。如果有人能提供帮助,我们将不胜感激。

我正在尝试自定义工具提示,但我似乎无法将id:“flotTip”链接到css样式。我将网格设置为 hoverable 并添加到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;}

任何方向都会有所帮助。

由于 罗布

1 个答案:

答案 0 :(得分:1)

ID的CSS选择器为#flotTip

.flotTip适用于课程。