Razor 项目列表中的google.visualization.AnnotatedTimeLine

我正在尝试使用Razor运行带注释的Timeline，但我没有看到任何图形，没有错误。 有人能帮我找出这段代码的错误吗

<script type='text/javascript'>
        google.charts.load('current', { 'packages': ['annotatedtimeline'] });
        google.charts.setOnLoadCallback(drawChart);
        function drawChart() {

            var data = google.visualization.arrayToDataTable
                ([

                    ['date', 'Data'],
                    ['number', 'Temp 1'],
                    ['string', 'title1'],
                    ['string', 'text1'],

             @foreach (var ele in Model.measurementValueList)

                    {
                        if (ele.MeasurementId.ToString()=="12")
                        {
                        <text>['@ele.MeasurementTimeStamp', '@ele.MeasurementValue', 'Event', 'description'], </text>
                        }
                    }
                ]);

            var options = {
                interpolateNulls: true,
                displayAnnotations: true
            };

            var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
            chart.draw(data, options);
        }
    </script>

load（'current'，{'packages'：['annotatedtimeline']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable
([
[“日期”，“数据”]，
['number'，'temp1']，
['string'，'title1']，
['string'，'text1']，
@foreach（模型中的var ele.measurementValueList）
{
if（ele.MeasurementId.ToString（）=“12”）
{
['@ele.MeasurementTimeStamp'，'@ele.MeasurementValue'，'Event'，'description']，
}
}
]);
变量选项={
是的，
displayAnnotations：true
};
var chart=new google.visualization.AnnotatedTimeLine（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}