razor - 来自项目列表的 google.visualization.AnnotatedTimeLine

Question

我正在尝试使用 Razor 运行 AnnotatedTimeLine，但我没有看到任何图表，也没有错误。任何人都可以帮我找出这段代码有什么问题吗？

<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>