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.

Include color in data for Bar chart tooltip

See original GitHub issue

I would like to have access of the color of every series in the tooltip on a Bar chart. Today I only get the color of the value I’m hovering (https://github.com/plouc/nivo/blob/master/packages/bar/index.d.ts#L42).

Would it be possible to have something similar to the sliceTooltip on the Line chart (https://github.com/plouc/nivo/blob/master/packages/line/index.d.ts#L108)?

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

thomasthiebaudcommented, Jul 9, 2020

Check the Line component. It has that feature build in. What I’m asking in this issue is if it is possible to provide the same feature for the Bar component. I have a workaround live for now, but having to do it makes it harder to reuse the component accross the app

0reactions

stale[bot]commented, Nov 5, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!

Top Results From Across the Web

Tooltip - Chart.js

Color boxes are always aligned to the left edge. ... Namespace: data.datasets[].tooltip.callbacks , items marked with Yes in the column ...

How to add charts to tooltips - Datawrapper Academy

Bar charts can be drawn as simple rectangles with HTML <div> and background colors. The first half displays the data for women and...

Tooltips | Charts - Google Developers

IMPORTANT: All tooltip charts must be drawn before the primary chart. This is necessary in order to grab the images to add to...

Custom color & tooltip for a single bar in Highcharts histogram

You can update the last point in load event and add a flag to distinguish it in the tooltip's formatter function: chart: {...

How to use tooltips on your charts | RGraph.net

new RGraph. ... draw(); RGraph.tooltips.style.backgroundColor = '%{property:colors[%{index}]}';. So when you use the tooltipsCss property you can put ...