Rickshaw Graph - Kann zeigen Hover nicht

Bitte überprüfen angehängtes Bild Rickshaw Graph - Kann zeigen Hover nicht

Der Hover-Popup ist nicht richtig zeigt.

Hier ist mein 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 }

und hier ist Hover-Initialisierung

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

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

Ich zeige 3 Zeitreihen Diagramme auf Seite, die alle paar Sekunden aktualisiert.

Quelle

2016-05-10 Aniruddha

Sie müssen uns etwas weiteren Code schreiben/zeigen, weil ich etwas von Ihrem Styling-Code (CSS) probiert habe und es keinen Fehler gibt.

Wahrscheinlich haben Sie das CSS von Rikscha Graph (oder seine Eltern) geändert und die HoverDetail wird nicht vollständig dargestellt.

Werfen Sie einen Blick auf die HoverDetail example zum Styling Ihrer "Detail" -Klasse.

Quelle

2016-05-10 22:22:51 jsurf

Ich habe bereits dieses Beispiel überprüft und basierend auf dieser modifizierten CSS für Grafik. Als Standard funktionierte das Styling nicht. Wenn Sie in CSS sehen, habe ich Z-Index hinzugefügt, aber es funktioniert immer noch nicht. Lassen Sie mich versuchen, einige unnötige Informationen zu entfernen, und dann kann ich es teilen – Aniruddha

Ja der Z-Index stört den Code nicht. Wenn Sie es teilen können, wird es gut sein. Wenn Sie nicht können, werde ich meine Antwort bearbeiten und ein voll funktionierendes Beispiel mit Ihren Styling Farben etc – jsurf

Rickshaw Graph - Kann zeigen Hover nicht

Antwort

Verwandte Themen