Tooltip is appearing below the chart

Share RGraph:   Share or Like RGraph on Facebook!

« Back to message list

Enter your email address to get email updates on this topic. You can stop receiving updates by clicking the link in the update email messages.

Posted by erik on 11th June 2016
Hi i am drawing h-bar chart with an following code data is more than 20 i put a condition everything is fine but the tooltips are showing below the chart i used redraw function also can please help me.


if( chart_type == "hbar"){

               
             if(data.length > 20 ){

                 document.getElementById('cvs'+cube_obj.reference_id).height = data.length*30;

            RGraph.redraw();
               }
             var hbar = new RGraph.HBar({

                     id: 'cvs'+cube_obj.reference_id,

                     data : data,

                     options: {

                         variant : '2d',

                         hmargin: 1,

                         variantThreedAngle : 0.1,

                         strokestyle : 'rgba(0,0,0,0)',

                         colors : colors,

                         //chartColorsSequential : true,

                         gutterLeft : gutterLeft1,

                         gutterRight : gutterRight1,

                         gutterBottom :gutterBottom1,

                         gutterTop : gutterTop1,

                         labels : keys,

                        

                         //textAngle : 30,

                         textSize : 9,

                         shadowColor :'#ccc',

                         shadowOffsetx : 3,

                         backgroundGridColor : '#eee',

                         scaleZerostart : true,

                         axisColor : '#ddd',

                         key : ( isCategoryTypeChart ) ? rightMostValues : [y_axis_value] ,

                         keyShadow : true,

                         keyShadowColor : '#ccc',

                         keyShadowOffsety : 0,

                         keyShadowOffsetx : 3,

                         keyShadowBlur : 15,

                         keyPosition: 'gutter',

                         keyPositionGutterBoxed: false,

                         keyPositionX: 100,

                         tooltips : function (index)
                         {
                             return tooltips[index];
                         },


                        /* titleYaxis : y_axis_value,

                         titleYaxisPos : 0.1,

                         titleYaxisBold : false,*/

                         titleXaxis : y_axis_value,

                         titleXaxisPos : 0.1,

                         titleXaxisBold : false,

                         title : title,

                         titleColor : "green",

                         textColor: '#707070',

                         titleSize : 10,

                         titleBold : false,

                         shadow : false,

                         //hmargin : 1,


                      }
                 }).grow();
         }
        
Posted by Richard on 11th June 2016
Hi there,

There doesn't seem to be anything that I can spot in the configuration - try posting the address to the page, and check your console for any error message.




Richard
Posted by Richard on 11th June 2016
Hi there,

I've just had a thought - by "underneath" do you mean "behind" the chart? If so you can add the following CSS to your page to change that:

.RGraph_tooltip {
     z-index: 999 !important;
}







Richard

Add a reply




« Back to message list