Comments (6)
Hi @yancorrea1995 , thanks for your interest!
could you please clarify by "setting separately"?
Currently, it is possible to set labels and sub-labels (legends):
data: {
labels: ['Impressions', 'Add To Cart', 'Buy'],
subLabels: ['Direct', 'Social Media', 'Ads'],
...
}
What would be wish to set the values?
from funnel-graph-js.
Hi Greg!
During mouse hover, add the possibility of customizing the text, so that it is different from the legend in the bottom of funnel.
from funnel-graph-js.
And, if possible, add an option to hide the zero values in the mouse hover. Example (hide "Idea 02: 0" because the "0" is not a necessary information. That will make the Funnel more clean and easy to view.
from funnel-graph-js.
Agreed with removing zeroes for usability, but having to adapt the data to remove subsets with no values made for some efficient backend code 😛
from funnel-graph-js.
Don't need to remove the values, just hide. Who to use chooses whether or not to hide with a flag (option) in the settings of the funnel.
from funnel-graph-js.
I made a workaround to hide empty sublabel values. The last "if" hide also results with only 1 value, to avoid redundancy with main label.
$('div.svg-funnel-js ul.segment-percentage__list').each(function (i, list) {
list = $(list);
var listItems = list.find('span.percentage__list-label');
listItems.each(function (j, elem) {
elem = $(elem);
if (elem.text().startsWith("0")) {
elem.closest('li').addClass('hidden');
}
});
if (list.find('li:not(.hidden)').length <= 1) {
list.closest('.label__segment-percentages').addClass('hidden');
}
});
from funnel-graph-js.
Related Issues (20)
- Ability to handle data [0, 0, 0, 0] HOT 3
- [Feature Request] Allow decimals for values. HOT 1
- Labels are printed on the graph when they are a certain length HOT 1
- Unable to use dynamic data HOT 1
- Percentage on last value
- [Feature request] Customize formatNumber
- [Feature request] Responsive sizing HOT 2
- [FIX] HTML elements passed as container produce error HOT 1
- README file refers to old version of package
- Issue: Funnel not drawn HOT 3
- use funnel-graph in react js
- Hard limit on number of datasets (10)? HOT 1
- Able to have the first label to have a single value in two-dimensional charts
- Math / regex issue on math
- Recommended way of click and hover actions for each part HOT 1
- Width and Height of the funnel graph other than default does not render correct
- Dynamic Funnel Graph using React HOT 2
- Inconsistent behaviour with segment labels
- Logged error when graph data values consists of all 0's
- Funnel graph in React
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from funnel-graph-js.