我想在每个按钮点击事件上加载多个图表.我使用了下面的谷歌代码

在我的项目中，我有3个按钮，在每个按钮点击事件中，我调用不同的谷歌图表函数。。。。。。

我的问题是，当我点击一个按钮时，图表被加载，但当我点击第二个或任何按钮时，表格都不会更新我正在从json 传递数据

function daily() {
        google.charts.load('current', { packages: ['corechart', 'line'] });
        google.charts.setOnLoadCallback(drawBasic);
        function drawBasic() {
            var data = new google.visualization.DataTable();
            data.addColumn('date', 'X');
            data.addColumn('number', 'Score');
             
            for (var i = 0; i < dscr.length; i++) {
                //alert(dscr.length);
                //alert(dscr[i].Success);
                //alert(dscr[i].Date); var dt = mscr[i].Date;
                //var dt = dscr[i].Date;
                //var d = new Date(dt);
                //var n = d.getDate();
                //alert(n);
                data.addRow([new Date(dscr[i].Date), dscr[i].Success]);
            } 
            var options = {
                hAxis: {
                    title: 'Day'
                },
                vAxis: {
                    title: 'Score'
                }
            };
            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    }
    function weekly() {
        google.charts.load('current', { packages: ['corechart', 'line'] });
        google.charts.setOnLoadCallback(drawBasic);
        function drawBasic() {
            var data = new google.visualization.DataTable();
            data.addColumn('date', 'X');
            data.addColumn('number', 'Score'); 
            for (var i = 0; i < wscr.length; i++) {
                data.addRow([new Date(wscr[i].Date), wscr[i].Success]);
            } 
            var options = {
                hAxis: {
                    title: 'Day'
                },
                vAxis: {
                    title: 'Score'
                }
            };
            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    }
    function monthly() {
        google.charts.load('current', { packages: ['corechart', 'line'] });
        google.charts.setOnLoadCallback(drawBasic);
        function drawBasic() {
            var data = new google.visualization.DataTable();
            data.addColumn('date', 'X');
            data.addColumn('number', 'Score');  
            for (var i = 0; i < mscr.length; i++) {
                scr[i].Date), mscr[i].Success]);
            } 
            var options = {
                hAxis: {
                    title: 'Day', 
                },
                vAxis: {
                    title: 'Score'
                }
            };
            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    }

 <li role="presentation" class="active">
    <a href="#Daily" aria-controls="home" class="btn btn-md WinnerButton" role="tab" onclick="daily()" data-toggle="tab" data-bind="    click: StatisticalDaily">
        DAILY
    </a>
</li>
<li role="presentation">
    <a href="#Weekly" aria-controls="profile" class="btn btn-md WinnerButton" role="tab" onclick="weekly()" data-toggle="tab" data-bind="    click: StatisticalWeekly">
        WEEKLY
    </a>
</li>
<li role="presentation">
    <a href="#Monthly" aria-controls="messages" class="btn btn-md WinnerButton" role="tab" data-toggle="tab" onclick="monthly()" data-bind="click: StatisticalMonthly">
        MONTHLY
    </a>
</li>
<div id="chart_div"></div>