question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

about tooltipHtml

See original GitHub issue

i don’t know why my chrome say that

xScale.invert is not a function

in react 15

Issue Analytics

  • State:open
  • Created 7 years ago
  • Comments:14 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
guptasaumyacommented, Mar 1, 2018

Hi @codesuki!

<div> <BarChart groupedBars data={this.state.aggregatedObject} width={width} height={height} tooltipHtml={tooltip} tooltipMode={'mouse'} colorScale={d3.scaleOrdinal() .domain(['Hits', 'Success', 'Error', 'Timeout']) .range(['#A07EEF', '#78C948', '#2791FF', '#FE0000'])} margin={{ top: 50, bottom: 50, left: 50, right: 50 }} /> </div> This tooltipHtml feature isn’t working for me. I have also declared this variable:

var tooltip = function(x, y0, y, total) { console.log(y.toString()) return y.toString(); };

the console.log(y.toString()) works here but doesn’t show on the UI?

1reaction
codesukicommented, Jul 7, 2016

Thank you for the praise, I welcome any help improving this library. Just send a pullrequest once you have something going.

About your first question with the date format, I think it should be possible by setting the tick format on the axis. I will have a look at it.

Having an option to remove the label if necessary sounds good. Maybe there is even a possibility to split out the label code from the graph code. Not sure.

What exactly do you mean by having several charts in the same ‘parent’ ? Do you want to show 3 different pie charts at the same time (3 different rings?) Do you just want to show different pie chart at the same place?

If you just want them to have the same colors etc then you can make a d3.colorscaleand pass that to all 3 of them.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooltips with rich HTML content – amCharts 4 Documentation
If we set tooltipHTML instead of tooltipText , our tooltip will automatically display that content as HTML. What's even more cool, we can...
Read more >
CSS Tooltip - W3Schools
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP,...
Read more >
Tooltips with rich HTML content does not help in creating ...
adapter.add("tooltipHTML", function (html, target) { if ( target.tooltipDataItem.dataContext && target.tooltipDataItem.dataContext.SubArea && ...
Read more >
Where is the documentation about tooltip html text?
Where is the documentation about tooltip html text? I want to show this html text. <html><body> <table border=""1""> <tr> <th>Month</th> ...
Read more >
How to Use Tool Tips (The Java™ Tutorials > Creating a GUI ...
This Swing Java Tutorial describes developing graphical user interfaces (GUIs) for applications and applets using Swing components.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found