当前位置: 首页 > 知识库问答 >
问题:

ASP。Net C#运行时不显示谷歌图表

百里杰
2023-03-14

我正在一个ASP. Net C#谷歌图表内部报告网站上工作,但在显示图表时遇到了麻烦。代码似乎运行良好,并允许我在调试中运行。

我可以进入ASP页面,但没有显示图表。

编辑:最初的问题是放错地方了],我真愚蠢!

我现在在浏览器控制台中面临以下问题,有什么帮助吗?

解析器阻塞、跨站点(即不同的eTLD 1)脚本,https://www.google.com/uds/?file=visualization

.

下面的代码;

ASP页面:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" 
AutoEventWireup="true" CodeBehind="ADMReports.aspx.cs" 
Inherits="ADMReports.ADMReports" %>
<%@ Register Assembly="ADMReports" Namespace="ADMReports" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    </head>
     <body>
        <div id="b_sale" style="width:500px; height:300px;">
            TEST
        </div>
    </body>
        <script>
            // VISUALIZATION API.
            google.load("visualization", "1", { packages: ["corechart"] });
            google.setOnLoadCallback(createPIE);

            function createPIE() {
                // SET CHART OPTIONS.
                var options = {
                    title: 'Total Invoices Per Month',
                    colors: ['#888', 'orange'],
                    is3D: true
                };

                $.ajax({
                    url: "ADMReports.aspx",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        var arrValues = [['Year', 'Month', 'OrdersProcessed']];        // DEFINE AN ARRAY.
                        var iCnt = 0;

                        $.each(data.d, function () {
                            // POPULATE ARRAY WITH THE EXTRACTED DATA.
                            arrValues.push([data.d[iCnt].Year, data.d[iCnt].Month], data.d[iCnt].OrdersProcessed]);
                            iCnt += 1;
                        });


                        var figures = google.visualization.arrayToDataTable(arrValues)


                        var chart = new google.visualization.PieChart(document.getElementById('b_sale'));

                        chart.draw(figures, options);      
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert('Got an Error');
                    }
                });
            }
         </script>
</html>

asp页面后面的代码

我将修改SQL查询以从存储过程中提取,但出于测试目的保持简单。

public partial class ADMReports : System.Web.UI.Page
{
    private string Year;
    private string Month;
    private int OrdersProcessed;

    protected void Page_Load(object sender, EventArgs e)
    {

    }

    [WebMethod]
    public List<ADMReports> Total_Invoices()
    {
        List<ADMReports> Invoices = new List<ADMReports>();

        string sConnString = "Data Source=<servername>;Initial Catalog=<DB>;Integrated Security=True";

        SqlConnection myConn = new SqlConnection(sConnString);
        SqlCommand objComm = new SqlCommand("SELECT YEAR(DateTimeScanned) AS Year, MONTH(DateTimeScanned) AS Month, COUNT(OrderNumber) AS OrdersProcessed FROM tabTrace WHERE YEAR(DateTimeScanned) = YEAR(GETDATE()) GROUP BY MONTH(DateTimeScanned), YEAR(DateTimeScanned) ORDER BY MONTH ASC ", myConn);
        myConn.Open();

        SqlDataReader sdr = objComm.ExecuteReader();

        while (sdr.Read())
        {
            ADMReports objValues = new ADMReports();
            objValues.Year = sdr["Year"].ToString();
            objValues.Month = sdr["Month"].ToString();
            objValues.OrdersProcessed = (int)sdr["OrdersProcessed"];

            Invoices.Add(objValues);
        }

        myConn.Close();
        sdr.Close();
        return Invoices;
    }
}

共有1个答案

董和风
2023-03-14

我强烈建议在本地项目中添加所有相关脚本,并删除指向第三方引用的链接,如本例中的google。这将有助于减少页面的加载时间,而且您也不会对托管在其他服务器上的此类脚本的随机更新感到惊讶。

 类似资料:
  • 我有一个KMZ,它也包含区域多边形和城市点(12个谷歌引脚),但它们不会出现在地图上,尽管如你所见已打开。如何可见它们?有人能帮我吗? 这是地图:http://goo.gl/maps/Nbrfq 安得烈

  • 因此,在NetBeans IDE中,一切正常。全力工作。但是在Built&Clean之后,我看不到图像,但所有的操作都完成了。 你能建议出了什么问题吗?因为这个而生气

  • 在我的Android应用程序中,当单击地图上的标记时,我的地图屏幕会显示方向和谷歌地图。我在应用程序中使用以下内容。 XML: 在代码中: 我已经用蓝色标记了方向和谷歌地图图标。请查看我的地图屏幕的图像。 如何从地图片段中隐藏方向和谷歌地图图标?

  • 我想用谷歌地图显示多个位置 为了显示一个我会去https://www.maps.google.com/maps?daddr=20.566645.345 类似于 https://www.maps.google.com/maps?daddr=20.566645.345 这可能来自网址吗?

  • 我一直在努力跟进https://github.com/airbnb/react-native-maps教程我尝试了他们说的一切,但在我的android studio模拟器上得到了一个空白屏幕。 我的代码: AndroidManifest。xml文件:

  • 我正在尝试使用ASP.NETMVC5使用geoJSON.NET库创建geoJSON数据并将其加载到Google地图中,尽管我在某些地方做了一些错误的事情。 使用GitHub站点上发布的示例代码,我的控制器如下所示: 我的看法如下: 当我加载页面并在chrome中检查控制台时,我有以下错误: 未捕获的InvalidValueError:不是功能或功能集合 如果我在浏览器中转到我的Action,它会输