Rickshaw Graph - не может показывать Hover

Пожалуйста, проверьте прикрепленное изображение введите здесь описание изображения

Всплывающее окно при наведении отображается неправильно.

Вот мой 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 графика временных рядов на странице, которые обновляются каждые несколько секунд.


d3.js rickshaw
person Aniruddha    schedule 10.05.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно написать/показать нам дополнительный код, потому что я пробовал некоторые из ваших кодов стилей (CSS), и нет никаких ошибок.

Вероятно, вы изменили CSS графика рикши (или его родителя), и HoverDetail не полностью отображается.

Взгляните на пример HoverDetail для оформления вашего класса "detail".

person jsurf    schedule 10.05.2016
comment
Я уже проверил этот пример и основываясь на этом модифицированном css для графика. Поскольку стиль по умолчанию не работал. Если вы видите в css, я добавил z-index, но он все равно не работает. Позвольте мне попытаться удалить ненужную информацию, и тогда я смогу поделиться ею. - person Aniruddha; 11.05.2016
comment
Да, z-индекс не мешает коду. Если вы можете поделиться этим, это будет хорошо. Если вы не можете, я отредактирую свой ответ и опубликую полностью рабочий пример с вашими цветами стиля и т. д. - person jsurf; 11.05.2016