custom legend text in BarChart

Hi there,

Nivo is amazing! Thanks for all the great work.

Is there a way to set custom legend text in BarChart?

In https://github.com/plouc/nivo/blob/master/packages/nivo-bar/src/Bar.js it seems like text either comes directly from keys or indexes.

What we really need is a way to pass in some function i.e.

        legends={
          [
            {
              "dataFrom": () => {
                    // returns array of { label: xxx, fill: yyy } objects
              }
              "anchor": "bottom-right",
              "direction": "column",
            }
          ]
        }

Any ideas really appreciated!

[rascati]

Is there an example of how to set custom legend text? I can’t find anything for it. Thanks!

[wyze]

It looks like it requires a custom layer to replicate the legend. Which is apparently what I have been doing in my project. See an example here: https://codesandbox.io/s/nivo-bar-example-nf86t

We could add a check for a label property where it computes the legend data (https://github.com/plouc/nivo/blob/441383999dad1c9697ef6f4bc89b1c19b4505153/packages/bar/src/compute/legends.js) and use that if it is present, that way you don’t need a custom layer component.