Di Matteo has become the first top-flight manager to leave his post this season.
He took charge of Chelsea in March after the club had sacked Andre Villas-Boas. Initially Di Matteo took over on a temporary basis.
He rescued the club's ailing Champions League campaign and steered them against all odds to victory over Bayern Munich in the final on the German team's home ground, having already secured the FA Cup.
He was given a two-year contract in June but not before there had been speculation over whether Guardiola would take over.
The season started well domestically but they have fallen slightly off the pace in recent weeks.
More top news
Muslim leaders condemned the "heinous and appalling" Westminster terror attack.
Travis Frain is recovering in hospital and has posted a photo to Twitter of Prince Charles by his bedside.
Acting Commissioner Craig Mackey led new policemen and women in paying their respects at a passing-out parade in Hendon, north-west London.