人力车图 - 无法显示悬停

Question

请查看附件图片

悬停弹出窗口未正确显示。

这是我的css

.rickshaw_graph .detail .x_label { display: none }
.rickshaw_graph .detail .item { line-height: 2; padding: 0.5em;background-color: #8b0000 !important;z-index:10000}
.rickshaw_graph .detail .item.active { line-height: 2; padding: 0.5em;background-color: #8b0000 !important;z-index:10000}
.color-me {background-color: #8b0000 !important;z-index:10000}
.detail_swatch { float: right; display: block; width: 10px; height: 10px; margin: 0 4px 0 0 }
.rickshaw_graph .detail .date { color: #a0a0a0 }

这里是悬停初始化

    var hoverDetail = new Rickshaw.Graph.HoverDetail( {
        graph: graph,

        xFormatter: function(x) {
            return 'Hello World';
        }
    } );

我在页面上显示 3 个时间序列图，每隔几秒更新一次。

Answer 1

您需要编写/向我们展示一些进一步的代码，因为我尝试了您的一些样式代码 (CSS) 并且没有任何错误。

可能您已更改人力车图（或其父级）的 CSS 并且 HoverDetail 未完全呈现。

查看 HoverDetail example 为您的“详细信息”类设置样式。