Javascript 谷歌图表趋势线不可见

Javascript 谷歌图表趋势线不可见,javascript,charts,Javascript,Charts,我试图创建一个谷歌折线图,并添加一条趋势线,以显示数据的趋势。问题是我的趋势线不可见,我不知道为什么。我的代码如下: <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load(

我试图创建一个谷歌折线图,并添加一条趋势线,以显示数据的趋势。问题是我的趋势线不可见,我不知道为什么。我的代码如下:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    google.charts.load('current', {
        callback: drawChart,
        packages:['corechart']
    });

    function drawChart() {
        var data = google.visualization.arrayToDataTable([

            ['Date', 'Bankers'],
            <?php
            while ($row = mysqli_fetch_array($progressQuery)) {

                echo "['".$row['date']."',".$row['bankers_percent']."],";

            }
            ?>

        ]);

        var options = {
            chart: {
                title: 'Box Office Earnings in First Two Weeks of Opening',
                subtitle: 'in millions of dollars (USD)'
            },
            width: 1600,
            height: 800,
            axes: {
                x: {
                    0: {side: 'top'}
                }
            },
            trendlines: {0: {}}
        };

        var chart = new google.visualization.ScatterChart(document.getElementById('line_top_x'));

        chart.draw(data, options);
    }
</script>
</head>
<body>
<div id="line_top_x"></div>
</body>

google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“日期”,“银行”],
]);
变量选项={
图表:{
片名:“首映前两周的票房收入”,
字幕:“百万美元”
},
宽度:1600,
身高:800,
轴线:{
x:{
0:{side:'top'}
}
},
趋势线:{0:{}
};
var chart=new google.visualization.ScatterChart(document.getElementById('line_top_x'));
图表绘制(数据、选项);
}
不幸的是,我的图表如下所示:

有人知道我能做些什么来显示趋势线吗