如何提供MS SQL数据到谷歌图表

本文关键字:谷歌 数据 何提供 MS SQL | 更新日期: 2023-09-27 18:16:27

我有一个网站,我使用Visual Studio的内置图表来可视化数据。

我使用c#方法为图表提供数据源。然而,谷歌图表需要javascript方法的数据。我已经做了一些关于如何提供数据的javascript方法的研究,但我来了空。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
           google.load("visualization", "1", { packages: ["corechart"] });
           google.setOnLoadCallback(drawChart);
           function drawChart() {
               var data = new google.visualization.DataTable('<%=t%>');
               var options = {
                   title: 'Company Performance'
               };
               var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
               chart.draw(data, options);
           }
    </script> 

在这个例子中,我尝试在c#端创建一个名为"t"的数据表。我调试并看到数据表被正确填充,但我一直得到"表没有列"错误。

所以,谁能提供一个演练如何提供我的MSSQL数据到谷歌图表使用的javascript方法?

Thanks in advance

如何提供MS SQL数据到谷歌图表

查看Google折线图

第一次改变

var data = new google.visualization.DataTable('<%=t%>');

var data = new google.visualization.arrayToDataTable('<%=t%>');
现在,正如这里讨论的Google折线图,你应该使用数组的数组,而不是c# DataTable对象。将数据表转换为Array数组,然后传递给arrayToDataTable()函数