Tooltip is appearing below the chart

Share RGraph:   To help my Google visibility (it can't get much worse!), if you like and use RGraph I'd appreciate it if you could link to me

« 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 a link to the page, and check your console for any error message.




Richard

PLEASE READ:

If RGraph has helped you please give your feedback - thanks! You can give your feedback or leave a testimonial by adding a forum post or clicking on the speech bubble icon at the very top right.

But most of all: Please link to the RGraph website! (get information by clicking on the chain icon at the top right of the page)
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

PLEASE READ:

If RGraph has helped you please give your feedback - thanks! You can give your feedback or leave a testimonial by adding a forum post or clicking on the speech bubble icon at the very top right.

But most of all: Please link to the RGraph website! (get information by clicking on the chain icon at the top right of the page)

Add a reply




« Back to message list