v3.3.0
New Features:
New funnel charts #114
-
funnel
-
horizontal-funnel
Default configuration values:
funnel: {
lines: true, // separate each step with a line
resultValues: true, // show or hide results
percents: {
show: false, // show and hide percents
countingMethod: 'absolute', // 'absolute' - use the value of the first step to calculate the percentage change
// 'relative' - use the value of the previous step to calculate the percentage change
decimals: 0, // the number of decimal digits visible
}
hover: true, // show or hide hover effect
marginBetweenElements: false, // show or hide spaces between elements
}
3D funnels have similar options, with a small change:
- funnel-3d
funnel: {
marginBetweenElements: false, // N/A
effect3d: 'both-sides' // 'both-sides' - showing shades on both sides
// 'left' - showing shades on left side
// 'right' - showing shades on right side
}
- horizontal-funnel-3d
funnel: {
marginBetweenElements: false, // N/A
effect3d: 'both-sides' // 'both-sides' - showing shades on top and bottom
// 'top' - showing shades on top
// 'right' - showing shades on bottom
}