Hi guys!
I have the following chart created in D3.js :
![notGrouped.png notGrouped.png](https://community.qlik.com/t5/image/serverpage/image-id/44444i6D80878218E8FD53/image-size/large?v=v2&px=999)
My code to group the labels and the data looks like that:
![rectsCode.png rectsCode.png](https://community.qlik.com/t5/image/serverpage/image-id/44446i5874FD036779E4CB/image-size/large?v=v2&px=999)
![data.png data.png](https://community.qlik.com/t5/image/serverpage/image-id/44447i76BF765007126158/image-size/large?v=v2&px=999)
What I need is to group the labels like that:
![grouped.png grouped.png](https://community.qlik.com/t5/image/serverpage/image-id/44445iA14E14C57D88C960/image-size/large?v=v2&px=999)
I was looking for the proper algorithm but I didn't find anything interesting. Also, I do NOT want to use any libraries like e.g. googleTimeline. Do U have any idea?
Thanks for help!