2016-05-10 6 views
0

を表示することはできません。人力車グラフ - ホバーポップアップが正しく表示されていない添付画像 <a href="https://i.stack.imgur.com/Alwuh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Alwuh.png" alt="enter image description here"></a></p> <p>を確認してくださいホバー

は、ここに私の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 } 

であり、ここで私が数秒ごとに更新されたページ上の3時系列グラフを示す午前ホバー初期

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

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

です。

答えて

0

私はあなたのスタイリングコード(CSS)のいくつかを試しましたが、エラーはありませんので、さらにコードを書く/表示する必要があります。

おそらくあなたは人力車のグラフ(またはその親)のCSSを変更し、HoverDetailは完全にレンダリングしていません。

「詳細」クラスのスタイリングについては、HoverDetail exampleをご覧ください。

+0

私はすでにグラフの変更されたCSSに基づいて&その例をチェックしました。デフォルトではスタイリングは機能しませんでした。もしあなたがCSSで見た場合、私はz-indexを追加しましたが、まだ動作していません。私はいくつかの不要な情報を削除しようとすると私はそれを共有することができます – Aniruddha

+0

はい、Zのインデックスは、コードを妨害しないでください。あなたがそれを分かち合うことができれば、それは良いことになるでしょう。できない場合は、私は私の答えを編集し、あなたのスタイリングの色などで完全に動作する例を投稿します。 – jsurf

関連する問題

 関連する問題