D3JS V5 Specifying Domains From Nested Data For Grouped Bar Charts

I am using d3JS v5 (can include lodash as well). I have data which comes as a variable: var groupeddata = [{Title: 'Dummy Data', ID: '46', RFU:20291, barcolor: '#ff7f00'},

Solution 1:

After much searching I found out an example which had data structure similar to mine. I used the following block by Brice Pierre de la Briere

https://bl.ocks.org/bricedev/0d95074b6d83a77dc3ad

Here is my block with the final chart. It also has highlight bars so that even if users put the mouse in empty space above the bars, the bars under it will get highlighted.

https://bl.ocks.org/Coola85/b05339b65a7f9b082ca210d307a3e469