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.

Missing 'colorBy' type in BarSvgProps

See original GitHub issue

I created a ResponsiveBarChart and I added colors and colorBy props to adjust the colors of the bars. How every TypeScript compiler complains about colorBy prop being missed in the prop types. More specifically, colorBy prop is not in BarProps

I would love to open a PR for this but couldn’t find a contribution guide so created this issue instead.

Funny that there are two workarounds in the screenshot for different Typescript issues.

Issue Analytics

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

Top GitHub Comments

3reactions

wyzecommented, Aug 21, 2020

To achieve the same results you would do this:

+import { getOrdinalColorScale } from '@nivo/colors'


```diff
<ResponsiveBar
        margin={{ top: 32, right: 48, bottom: 56, left: 48 }}
-       colors={{ scheme: 'orange_red' }}
-       colorBy="index"
+       colors={getOrdinalColorScale({ scheme: 'orange_red' }, 'index')}
        layout="horizontal"

1reaction

eggeicommented, Aug 21, 2020

Me too, but couldn’t find it. Thanks so much for helping, again!

Hey @plouc - I just wanted to let you know about this thread. It might be very useful to have this info in https://nivo.rocks/guides/colors.