Position of tooltip when in relative positioned container

troelsn · September 13, 2013

I'm having a problem with tooltips being displayed way off my chart. It seems to be related to the fact that my chart is inside a DIV with position: relative, and I need it to be so, since I have other elements that I want to position absolute relative to my outer DIV. But when I do this, the tooltips are displayed way down my page and I guees it's because they are positioned absolute, but according to the document. What can I do?

JuanC · September 13, 2013

Make sure you are using the most recent version of jChartFX, if the problem persists, please try creating a small sample page that duplicates the positioning issue.

Regards,

JuanC

troelsn · September 16, 2013

Hi JuanC,

I'm using the most recent version (7.1.4982) but I'm still experiencing the problem.

Here is some sample code:

<!DOCTYPE html>

<head>

var c1 = null;

var c2 = null;

$(document).ready(function () {

c1 = new cfx.Chart();

c1.setGallery(cfx.Gallery.Bar);

c1.create('chart1');

c2 = new cfx.Chart();

c2.setGallery(cfx.Gallery.Bar);

c2.create('chart2');

});

</script>

div.chart-container {

position: relative;

}

div.chart {

width: 600px;

height: 400px;

display: inline-block;

}

</style>

</head>

<body>

</div>

</div>

</body>

</html>

JuanC · October 2, 2013

We have uploaded a new build (7.1.5021) that should fix this tooltip positioning issue.

Regards,

JuanC

troelsn · November 14, 2013

Great, problem solved!

Sign In

Position of tooltip when in relative positioned container

Question

troelsn

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

JuanC

Link to comment

Share on other sites

troelsn

Link to comment

Share on other sites

JuanC

Link to comment

Share on other sites

troelsn

Link to comment

Share on other sites

Join the conversation

Browse

Activity