[Fix]: Heatmap graph legend and xAxis ticks issue

[nxanil]

@killanch @chaitanyahalbe @sreddy80

Fixed issue #434. Please check once. This issue happened because of this #435

[killanch]

@nxanil looks good to me. have you checked against other graph types as well? lets make sure legends get rendered correctly on all applicable graph types

[nxanil]

@nxanil looks good to me. have you checked against other graph types as well? lets make sure legends get rendered correctly on all applicable graph types

@killanch
Only the heatmap graph is using d3 graph. Other graphs are using Recharts. That's why this issue happened in the heatmap graph because the heatmap graph used d3 ticks.