-
Notifications
You must be signed in to change notification settings - Fork 13
Issue 6. Add tootip #41
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
@nmqhoan thanks for the new pr. I will check this out over the weekend. But just out of curiousity, where is d3.tip used? I just did a cursory look through and couldn't find where it was being implemented. |
|
Hi @stormpython , |
|
@stormpython, thanks for reviewing the code. I removed the d3.tip.js and committed. |
public/heatmap_tooltip.css
Outdated
| height: auto; | ||
| padding: 5px; | ||
| z-index: 150; | ||
| background-color: #d3d3d3; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this can be changed to match the style in Kibana, which is:
fadeout(@gray-darker, 7%);
gray-darker: #222222
public/tooltip_directive.js
Outdated
| @@ -0,0 +1,52 @@ | |||
| var d3 = require("d3"); | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I am guessing this file should be removed?
| var text = g.selectAll('text.title') | ||
| .data([data]); | ||
|
|
||
| text.exit().remove(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why was the space here removed?
| var text = d3.select(this).selectAll('text.' + cssClass) | ||
| .data(data); | ||
|
|
||
| text.exit().remove(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why was the space above removed?
| selection.each(function (data) { | ||
| events.listeners(listeners); | ||
|
|
||
| layout.attr({ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why was the space above removed?
public/lib/heatmap_controller.js
Outdated
|
|
||
| var title = d3.selectAll('text.title'); | ||
| var value = d[key]; | ||
| if(key.toUpperCase() === 'ROW') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
there should be a space between if and (
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same goes for the if statement below.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
They are also missing curly braces.
stormpython
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Aside from a few syntax things, this pr looks good.
|
LGTM! @nmqhoan thanks for getting this in. |
We updated the code based on your indications in PR #38
close #6