When loading higher volume of data for two graphs at the same time, one of the graphs doesnt render properly

The data loaded is an array of 10 columns with 300 values.
Please see the code below, if I set the timeout for redrawGraph2 both of the graphs render correctly. Otherwise without it only one renders correctly, the other is blank(but the axis is rendered ok, and when zoomed the columns appear). I also tried to call the redrawGraph2 function via `done:` or `onrendered:`, but it didn't help.

Can you please provide me more info or help? thank you

```
function redrawGraph(data, graphType) {
redrawGraph1(data.1, graphType);
setTimeout(function(){redrawGraph2(data.2, graphType);}, 2000);
}

function redrawGraph1(data, graphType) {
chartRX.load({
columns: data,
type: graphType,
unload: true,
});
}

function redrawGraph2(data, graphType) {
chartTX.load({
columns: data,
type: graphType,
unload: true
});
}
```