code: function addMouseEvents() {
              if (shouldShowTooltip()) {
                  svg
                      .on('mouseover', function(d) {
                          handleMouseOver(this, d);
                      })
                      .on('mouseout', function(d) {
                          handleMouseOut(this, d);
                      })
                      .on('mousemove',  function(d) {
                          handleMouseMove(this, d);
                      })
                      .on('click',  function(d) {
                          handleCustomClick(this, d);
                      });;
              }
  
              svg.selectAll('.bar')
                  .on('mouseover', function(d) {
                      handleBarsMouseOver(this, d);
                  })
                  .on('mouseout', function(d) {
                      handleBarsMouseOut(this, d);
                  });
          }
docs: Adds events to the container group if the environment is not mobile
  Adding: mouseover, mouseout and mousemove