谷歌图表不显示ASP.net MVC

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

google.charts.load('current', { 'packages': ['corechart'] });

<div id="chart_div" style="width: 100%; height: 400px;"></div>

<script type="text/javascript">
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {
        // 创建数据表对象
        var data = new google.visualization.DataTable();
        // 添加数据列和数据
        data.addColumn('string', 'Category');
        data.addColumn('number', 'Value');
        data.addRows([
            ['Category 1', 10],
            ['Category 2', 20],
            ['Category 3', 30]
        ]);

        // 创建图表对象
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        // 绘制图表
        chart.draw(data, {
            title: 'Chart Title',
            width: '100%',
            height: 400
        });
    }
</script>