Rickshaw Graph - ne peut pas afficher Hover

S'il vous plaît vérifier l'image ci-joint Rickshaw Graph - ne peut pas afficher Hover

Le popup hover ne montre pas correctement.

Voici mon 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 }

et voici hover initialisation

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

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

Je montre 3 graphiques des séries chronologiques de la page, qui mis à jour toutes les quelques secondes.

Source

2016-05-10 Aniruddha

Vous devez écrire/nous montrer un peu plus de code parce que j'ai essayé quelques-uns de votre code de style (CSS) et il n'y a pas d'erreur.

Probablement vous avez changé le CSS du graphique rickshaw (ou son parent) et le HoverDetail ne rend pas complètement.

Jetez un oeil à la HoverDetail example pour le style de votre classe «détail».

Source

2016-05-10 22:22:51 jsurf

J'ai déjà vérifié cet exemple et basé sur ce css modifié pour le graphique. Le style par défaut ne fonctionnait pas. Si vous voyez dans css, j'ai ajouté z-index, mais ça ne marche toujours pas. Laissez-moi essayer d'enlever des informations inutiles et puis je vais pouvoir le partager – Aniruddha

Oui, l'index z ne pas interférer avec le code. Si vous pouvez le partager, ce sera bon. Si vous ne pouvez pas, je vais éditer ma réponse et poster un exemple de travail avec vos couleurs de style etc – jsurf

Rickshaw Graph - ne peut pas afficher Hover

Répondre

Questions connexes