chart does not update when data is changed

I am using the sample pie chart:

public pieChartData =  {
    chartType: 'PieChart',
    dataTable: [
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ],
    options: {'title': 'Tasks'},
  };

However, later if I change this.pieChartData.dataTable[1][1] = 100, the chart does not update.

[mppfiles]

You must force a chart redraw. I used it like this:

this.cchart.wrapper.setDataTable(this.pieChartData.dataTable);
this.cchart.redraw();

[Rithvik-Reddy-zz]

I have a case where I have to redraw the chart after unhiding the parent div. The chart when drawn in the hidden div seems to have an issue while calculating the width and few other variables. That seems to be the issue with google charts it self. The draw function works as expected when there is a change in data but it doesn’t redraw to adjust the width of columns when there is no change in data. Is there something I can do to redraw/refresh the chart in this context?