Redraw chart on click

How can I redraw my chart on click? My template has options to display the width of a column on toggling a button, however the chart is not updating, only if I resize the browser will it redraw.

Here’s my code:

<script>
            var chart = new Chartist.Line('#chart', {
                labels: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
                series: [
                  [12, 12, 12, 13, 14, 16, 18, 20, 21, 20, 22, 22],
                  [14, 14, 15, 16, 15, 17, 17, 18, 18, 19, 20, 21],
                  [16, 16, 17, 18, 19, 20, 22, 23, 22, 21, 21, 23]
                  
                ]
            }, {
                low: 12,
                showArea: true,
                fullWidth: true,
                axisX: {
                    //showGrid: false
                },
                axisY: {
                    offset: 30,
                    onlyInteger: true,
                    labelInterpolationFnc: function (value) {
                        return '$' + value + 'k';
                    }
                },
                plugins: [
                    Chartist.plugins.tooltip(),
                    Chartist.plugins.legend({
                        legendNames: ['Investments', 'Returns', 'Interest'],
                    })
                ]
            });

            chart.on('draw', function (data) {
                if (data.type === 'line' || data.type === 'area') {
                    data.element.animate({
                        d: {
                            begin: 500 * data.index,
                            dur: 500,
                            from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
                            to: data.path.clone().stringify(),
                            easing: Chartist.Svg.Easing.easeOutQuint
                        }
                    });
                }
            });
        </script>

[wim-mertens]

[solved] added setTimeout and is working now.

[gulshan-escalon]

Hi gionkunz,

Actually I have 3 charts on the page so How can i use the chart.update() function to update all charts. currently its update the last chart only. I am using id base charts , any more solution ?

Thanks