sgratzl / chartjs-chart-funnel Goto Github PK

I have the following question...
How can we set our own different background colors for each bar instead of the default?

Screenshots / Sketches

Thanks

When I display legends as visible, they appear as undefined. I just used the namespace options.plugins.legend and the display option as mentioned in ChartJS configuration.

Reproduction link

Codepen example

Expected behavior

Legends should show the same as the label. (In the example, Step 1, Step 2...)

Image showing the error

Context

• Version: v4.0.0-alpha1
• Browser: Chrome

Just out of the box using the sample code from the README, the funnel is draw horizontally (left to right) instead of vertically (top to bottom) as I expected. I am not sure if this is a bug or a feature and I should manually force a rotation onto it, but I didn't see that mentioned in the README so I thought I'd check.

To Reproduce

1. Create the chart with the sample code from the README.
2. Chart is now drawn horziontally, from left to right.
3. This is also seen at the examples: https://www.sgratzl.com/chartjs-chart-funnel/examples/align.html

Expected behavior
Chart is drawn vertically, from top to bottom.

EDIT: Setting options.indexAxis: 'y' fixes this behavior. If this is as intended, then it might be a nice addition to the docs.

Hey,

Thanks a lot for developing this chartjs addon, super helpful!

Do you have any pointers to achieve this style?

The closest I've managed to get with chartjs and your addon is this below, so only the smooth edges remains:

Do you think there's a way to achieve this with your library?

thank you!