Data points box is always at the bottom of the screen

[cgole]

In the screen shot below, I am pointing my mouse at one of the data point in the green line for DB counters, but the box is always at the bottom of the screen

[seanbrookes]

should be a pretty simple CSS fix, just a matter of priority and time

[anthonyettinger]

I looked into this, the problem seems to stem from putting the charts inside a scrollable div.

The nvd3 library calculates the position based on window and uses the window scroll offset. But doesn't take into account the scrollable div offset.

We would have to either patch the nvd3 library to work with our scrollable div (not recommended). Or fix our layout such that the scrollbar on pages is on the window, not on a child div.

I filed a ticket with nvd3 to see if they have a workaround: https://github.com/novus/nvd3/issues/815

[anthonyettinger]

There's another ticket for this issue already: https://github.com/novus/nvd3/pull/460

[chandadharap]

Leave for now, revisit.

[cgole]

not a bug

[cgole]

This is still a problem.

[anthonyettinger]

upstream repo has a fix for this. We should only have to update our package.

https://github.com/novus/nvd3/pull/460

[anthonyettinger]

@cgole can you still reproduce?

[cgole]

I could still repro this. The data points box is not where it should it.

[anthonyettinger]

I upgraded the library, but there is new problem associated with d3 tip that is blocking us:

https://github.com/krispo/angular-nvd3/issues/102

[anthonyettinger]

verify fix from upstream is in place

[anthonyettinger]

there was a pending PR to fix this issue upstream, but the PR got rejected. It doesn't look promising as far as getting an upstream fix.

https://github.com/novus/nvd3/pull/851#issuecomment-139035710

[RenatoUtsch]

Not rejected, just taking a lot of time to be accepted.

[RenatoUtsch]

It seems that finally the PR was accepted. Could you guys test this and see if the problem is fixed?

[anthonyettinger]

I cannot figure out how to leverage this new option.

[RenatoUtsch]

What option are you talking about?

Em ter, 15 de set de 2015 22:40, Anthony Ettinger notifications@github.com escreveu:

I cannot figure out how to leverage this new option.

— Reply to this email directly or view it on GitHub https://github.com/strongloop/strong-arc/issues/939#issuecomment-140595409 .

[anthonyettinger]

{ tooltip: { chartContainer: '#my-chart' }}

Doens't seem to work```

[RenatoUtsch]

I am talking about the tooltip going to the bottom of the screen, what this issue seems to be about.

Nvd3 works with scrollable divs now, You don't need to change the container. You can use the default one.

[anthonyettinger]

Its still happening for us.

[RenatoUtsch]

Using the latest master commit?

[anthonyettinger]

Yes.

[anthonyettinger]

@altsang doesn't look like we're going to be able to fix this one given its current state.

@seanbrookes suggested that we remove the tooltip infavor of a static display of values above the chart that updated when you mouse over the data points rather than a buggy tooltip.

Please respond with how you want to proceed.

[chandadharap]

@altsang?

[altsang]

no follow up with the fix that was supposedly introduced in https://github.com/novus/nvd3/pull/851? the dev claims it's suppose to work with scrollable divs, did he drop out responding?

[LalitAgrawala004]

@chandadharap @anthonyettinger is this issue fixed? I am having the issue (tooltip showing up bottom of the page) in only IE9.. any idea?