search

keen / keen-dataviz.js

Data Visualization Charting Library
MIT License
224 stars 48 forks source link

Funnel values are too small for visualization #178

Closed acanto95 closed 5 years ago

acanto95 commented 5 years ago

The last values on my funnel are too small and it makes the representation impossible to read.

Is there any adjustments I can make so that those values can be legible?

Thanks!

image

dariuszlacheta commented 5 years ago

Hello @acanto95

You can customize values in css. In Your case main values have a class called .text-main and percentages have .text-second. To change the color You need to use fill atribute because it is svg element, size You can adjust with font-size.

Here You can have jsfiddle example of how this can be done: https://jsfiddle.net/dariuszlacheta/zhb7kcnp/2/

adamkasprowicz commented 5 years ago

Hi @acanto95 ,

We've just published a fix for this issue - keen-dataviz@3.10.1 Please use the minimalSize property to set the minimum width of the step [in pixels].

Sample

new KeenDataviz({
          container: '.chart-demo-funnel',
          type: 'funnel',
          funnel: {
            minimalSize: 200,
          },
          results
        })
acanto95 commented 5 years ago

Thank you @adamkasprowicz

It worked fined, I just had to upgrade to the latest version and add "minimalSize" .