2018-07-14 19:58:18 +02:00
|
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="cluster.aspx.cs" Inherits="EHEC_Server.cluster" %>
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
|
|
|
|
<head runat="server">
|
|
|
|
|
<title>CS-EHEC-II</title>
|
|
|
|
|
<%--<script src="https://d3js.org/d3.v4.min.js"></script>--%>
|
|
|
|
|
<%--<script src="http://cdn.graphalchemist.com/alchemy.min.js"></script>--%>
|
2018-07-24 23:39:21 +02:00
|
|
|
<%--<link rel="stylesheet" type="text/css" href="cluster_dependencies/alchemy/alchemy.css" />--%>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="cluster_dependencies/alchemy/alchemy.min.css" />
|
2018-07-17 19:51:33 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="cluster_dependencies/alchemy/styles/vendor.css" />
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="cluster_dependencies/bootstrap/css/bootstrap.css" />
|
2018-07-24 06:33:28 +02:00
|
|
|
<script type="text/javascript" src="cluster_dependencies/jquery/jquery-3.3.1.min.js"></script>
|
2018-07-17 19:51:33 +02:00
|
|
|
<script type="text/javascript" src="cluster_dependencies/lodash/lodash.js"></script>
|
2018-07-24 23:39:21 +02:00
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/bootstrap/js/bootstrap.bundle.js"></script>--%>
|
|
|
|
|
<script type="text/javascript" src="cluster_dependencies/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="cluster_dependencies/d3/d3.min.js"></script>
|
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/d3/d3.js"></script>--%>
|
|
|
|
|
<%--<script type="text/javascript" src="cluster_dependencies/alchemy/alchemy.js"></script>--%>
|
|
|
|
|
<script type="text/javascript" src="cluster_dependencies/alchemy/alchemy.min.js"></script>
|
2018-07-17 19:51:33 +02:00
|
|
|
<script type="text/javascript" src="cluster_dependencies/alchemy/scripts/vendor.js"></script>
|
2018-07-21 17:16:56 +02:00
|
|
|
|
2018-07-14 19:58:18 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<form id="form1" runat="server">
|
|
|
|
|
<div>
|
|
|
|
|
<h1>EHEC Clusteranalysis</h1>
|
|
|
|
|
</div>
|
2018-07-24 06:33:28 +02:00
|
|
|
|
2018-07-23 14:46:41 +02:00
|
|
|
<asp:Button
|
2018-07-21 17:16:56 +02:00
|
|
|
ID="Button1"
|
|
|
|
|
runat="server"
|
|
|
|
|
Text="First Button"
|
|
|
|
|
OnClick="Button1_Click"
|
|
|
|
|
Font-Bold="true"
|
|
|
|
|
ForeColor="DodgerBlue"
|
|
|
|
|
Height="45"
|
|
|
|
|
Width="150"
|
2018-07-23 14:46:41 +02:00
|
|
|
/>
|
2018-07-14 19:58:18 +02:00
|
|
|
</form>
|
2018-07-14 20:14:48 +02:00
|
|
|
<div class="alchemy" id="alchemy"></div>
|
2018-07-14 19:58:18 +02:00
|
|
|
|
2018-07-14 20:14:48 +02:00
|
|
|
<script type="text/javascript">
|
2018-07-17 19:51:33 +02:00
|
|
|
var config = {
|
2018-07-24 23:39:21 +02:00
|
|
|
dataSource: <%=Clusterdata%>, <%-- /cluster_dependencies/alchemy/testdata/cluster.json --%> <%-- <%=Clusterdata%> --%>
|
|
|
|
|
cluster: true,
|
|
|
|
|
graphHeight: function(){ return 900; },
|
|
|
|
|
graphWidth: function(){ return 900; },
|
|
|
|
|
|
2018-07-17 19:51:33 +02:00
|
|
|
nodeTypes: {
|
2018-07-23 14:46:41 +02:00
|
|
|
"Nodetype": [
|
|
|
|
|
"Patient",
|
|
|
|
|
"Result",
|
|
|
|
|
"Origin"
|
2018-07-17 19:51:33 +02:00
|
|
|
]
|
|
|
|
|
},
|
2018-07-24 23:39:21 +02:00
|
|
|
nodeMouseOver: 'edgetype',
|
|
|
|
|
nodeCaption: "name",
|
|
|
|
|
rootNodeRadius: 30,
|
|
|
|
|
|
|
|
|
|
showControlDash: true,
|
|
|
|
|
|
|
|
|
|
showStats: true,
|
|
|
|
|
nodeStats: true,
|
|
|
|
|
|
|
|
|
|
showFilters: true,
|
|
|
|
|
nodeFilters: true,
|
|
|
|
|
|
|
|
|
|
captionToggle: true,
|
|
|
|
|
edgesToggle: true,
|
|
|
|
|
nodesToggle: true,
|
|
|
|
|
toggleRootNotes: false,
|
|
|
|
|
|
|
|
|
|
zoomControls: true
|
2018-07-17 19:51:33 +02:00
|
|
|
};
|
2018-07-14 20:14:48 +02:00
|
|
|
|
|
|
|
|
alchemy = new Alchemy(config)
|
|
|
|
|
</script>
|
2018-07-14 19:58:18 +02:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
