ASP.NET+d3.js实现Sqlserver数据库的可视化展示 - .NET

TOP

ASP.NET+d3.js实现Sqlserver数据库的可视化展示(三)

2019-09-17 18:23:53 【大中小】浏览:63次

Tags：ASP.NET d3.js 实现 Sqlserver 数据库可视化展示

/Response.Write(date); //插入完成后导出csv文件 filepath = "\\Data\\" + username + "_" + userID + "_answer_" + date + ".csv"; filepath = urlconvertorlocal(filepath); return filepath; } //转绝对路径 private string urlconvertorlocal(string url) { string tmpRootDir = Server.MapPath(System.Web.HttpContext.Current.Request.ApplicationPath.ToString());//获取程序根目录 string reurl = tmpRootDir + url.Replace(@"/", @"/"); //转换成绝对路径 return reurl; } //本地路径转换成URL相对路径 private string urlconvertor(string url) { string tmpRootDir = Server.MapPath(System.Web.HttpContext.Current.Request.ApplicationPath.ToString())+"\\";//获取程序根目录 string reurl = url.Replace(tmpRootDir, ""); //转换成相对路径 reurl = reurl.Replace("\\", "/"); return reurl; } }

4.前端代码

测试结果.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="测试结果.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>测试结果</title>
    <style type="text/css">
        .hidden
        {
            display:none
            }
        .choice
        {
            display:block
            }
    </style>
    
    <script type="text/java script" src="js/d3.min.js"></script>
</head>
<body>
    
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="name" runat="server" Text="username"></asp:Label>
        <%--为了c#与js交互--%>
        <asp:Label ID="path" runat="server" Text="path" class="hidden" ></asp:Label>
        <asp:Button ID="Button1" runat="server" Text="退出登录" onclick="Button1_Click" />

        <%--使用页面回发响应慢,使用JS控制--%>
        <div id="radio">
            <asp:RadioButton ID="RadioButton1" runat="server" Text="条形图" GroupName="g1" 
            Checked="true" 
                />
            <asp:RadioButton ID="RadioButton2" runat="server" Text="面积图" GroupName="g1" 
                />
            <asp:RadioButton ID="RadioButton3" runat="server" Text="柱状图" GroupName="g1" 
                
                />
            <asp:RadioButton ID="RadioButton4" runat="server" Text="饼状图" GroupName="g1" 
                />
        </div>

        <asp:Panel ID="Pane_LineChart" runat="server" class="choice">
            <link href="css/linechart.css" type="text/css" media="screen" rel="Stylesheet" />
            <div id="linechart_container">
                <div id="linechart">
            
                </div>
            </div>
            <script type="text/java script" src="js/linechart.js"></script>
        </asp:Panel>

        <asp:Panel ID="Panel_AreaChart" r

首页上一页 1 2 3 4 下一页尾页 3/4/4
【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

上一篇：在 ASP.NET Core 项目中使用 npm ..	下一篇：【C#夯实】我与接口二三事：IEnum..