Comments (11)
Hi, Is there a way to customize tooltip and colors for ResponsiveSunburst ? Could you please share an example if available. Also, is there a Legend option for the Sunburst ?
from nivo.
@plouc I know I am little bit late to the party, but can't I access the index
or the x
value in the tooltipFormat
function beside the value
/y
?
from nivo.
Unfortunately, it's not possible for now, but it's a feature I'm planing to add, because it's a "must have".
from nivo.
You can now format tooltip using tooltipFormat
property, you can see it in action here
from nivo.
@riteshnus After a quick glance on the code it turns out that the tooltipFormat
function is called with one argument (the y
value).
I can work on a PR if @plouc would accept this feature.
from nivo.
Any updates on this one? Would be super nice to have a single tooltip per line and dot in the Line charts too. The 'stacked tooltip' becomes a bit bulky with 10+ lines. Can we help out somehow? π
Thanks for a fabulous library! :)
from nivo.
@SammyIsra, it will be possible after releasing a new version with this PR. The feature already is available in the master
branch for components Bar
, Bubble
, Chord
, HeatMap
, Line
, Pie
, Radar
, Sankey
and Stream
.
If I understood your issue correctly. π
from nivo.
@ahtohbi4 it seems like that's exactly what I was asking for! It seems you guys have a React Storybook set. Is it public? I'd love to see how the custom tooltips look and work, if possible!
from nivo.
@SammyIsra, the storybook is available here: http://nivo.rocks/storybook/
from nivo.
@ramytamer did you find any hack to get the value x
?
from nivo.
@ramytamer Did you PR accepted? got any solution around it
from nivo.
Related Issues (20)
- π©Custom Legend causes infinite re-render! π© HOT 1
- Nivo Bar Chart: Incorrect Decimal Rounding in Labels
- Line Chart : crash when hovering an empty chart that is interactive HOT 1
- onMouseEnter and onMouseLeave don't work on @nivo/geo HOT 1
- The arc link labels for ResponsivePie overflow the drawable area. HOT 2
- Vite (using ESBuild) fails with 'require() of ES Module not supported' HOT 7
- @nivo/calendar type CalendarDatum is missing 'data' property
- There is no way to add border around the bar chart
- Choropleth: Support fill color by value or label
- Add support for forwardRef to allow exporting of images, (Sankey chart)
- [ Heatmap ] Warning in console while using Legend for heatmap HOT 1
- @nivo/line warnings when using Nivo >= 0.87.0 line chart HOT 3
- Nivo/line, stack line does not match the values in the graph. HOT 3
- Wrong `PointMouseHandler` type on event handlers like `onMouseMove` HOT 1
- Nivo Sankey Chart adjustable node thickness HOT 2
- React 19 Support HOT 4
- @nivo/bump chart is missing properties HOT 3
- Nivo calendar zero value color
- Add Repobeats (metrics) to README
- Pie Chart tooltip not showing HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nivo.