[Solved]-How to correspond tooltip title with the legends at the bottom in Highcharts?-Highcharts

I made 2 changes to the fiddle

1. Change tooltip

Change to show the series name instead of referencing a list

formatter: function () {
          return '<b>'+ this.series.name + '</b><br/>' + 'Response Rate: ' + (100*this.point.y).toFixed(2) + '\%';
        }

2. Change setData()

Remove all the "colors" from setData to ensure consistency across categories.

series.setData([
              {
                name: tooltip_titles[s],
                //color: colors[s],
                      y: dept_data["102"][4-s]
              },
              {
                name: tooltip_titles[s],
                // color: colors[Math.abs(s - 4)],
                      y: dept_data["104"][4-s]
              },
              {
                name: tooltip_titles[s],
                // color: colors[Math.abs(s - 4)],
                      y: dept_data["105"][4-s]
              }]);

Here's the result:

For the first one:

For the second one:

The updated fiddle is here: