2013-06-27 5 views
0

Я создаю диаграмму направленной силы, используя arbor.js. Вот некоторые из моих кодов:Ничего не происходит при запуске моей диаграммы направленной силы, используя arbor.js

file.aspx:

<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="file.aspx.cs" Inherits="file.Views.afile.RelationalMap" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html lang="en" > 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>My Relational Map Generator</title> 
    <script type="text/javascript" src="../../Scripts/jquery-1.6.1.min.js"></script> 
    <script src="../../Scripts/jquery.address-1.4.min.js"></script> 

    <script type="text/javascript" src="../../Scripts/arbor.js"></script> 
    <script type="text/javascript" src="../../Scripts/arbor-tween.js"></script> 
    <script type="text/javascript" src="../../Scripts/arbor-graphics.js"></script> 

    <script type="text/javascript" src="../../Scripts/renderer.js"></script> 
</head> 
<body bgcolor="white"> 
    <image src="../../images/armg.png" height=40px></image> 
    <div align="center" height="100%" width="100%"> 
    <canvas id="sitemap" width="1360" height="349"></canvas> 
    </div> 
    </body> 
</html> 

file.cs:

... 
... 
... 
GenJS = GenJS + 
        "var sys = arbor.ParticleSystem();" + 
        "sys.parameters({stiffness:900, repulsion:2000, gravity:true, dt:0.015});" + 
        "sys.renderer = Renderer(\"#sitemap\");" + 
        "sys.graft(theUI) </script>"; 

ClientScript.RegisterClientScriptBlock(GetType(), "JavaScript", GenJS); 

"GenJS" является строкой, которая содержит тег сценария и один выше всего лишь часть его.

Когда я бегу, ничего не происходит.

Я думаю, что это как-то связано с библиотекой render.js. Однако, когда я пытаюсь сделать это в отдельном файле HTML или в независимом html-файле, он работает.

Пожалуйста, помогите мне с этим.

ответ

0

Мне удалось решить это сам.

Я просто заменяет это:

GenJS = GenJS + 
        "var sys = arbor.ParticleSystem();" + 
        "sys.parameters({stiffness:900, repulsion:2000, gravity:true, dt:0.015});" + 
        "sys.renderer = Renderer(\"#sitemap\");" + 
        "sys.graft(theUI) </script>"; 

ClientScript.RegisterClientScriptBlock(GetType(), "JavaScript", GenJS); 

       Response.Write(contHTML); 

с этим:

string contHTML = "<!DOCTYPE html PUBLIC \" -//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">" + 
           "<html lang=\"en\" >" + 
           "<head>" + 
           "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">" + 
           "<title>A Prime Relational Map Generator</title>" + 
           "</head>" + 
           "<body bgcolor=\"white\">" + 
           "<image src=\"../../images/armg.png\" height=40px></image>" + 
           "<div align=\"center\" height=\"100%\" width=\"100%\">" + 
           "<canvas id=\"sitemap\" width=\"1360\" height=\"349\"></canvas>" + 
           "</div>" + 
           "<script type=\"text/javascript\" src=\"../../Scripts/jquery-1.6.1.min.js\"></script>" + 
           "<script type=\"text/javascript\" src=\"../../Scripts/jquery.address-1.4.min.js\"></script>" + 
           "<script type=\"text/javascript\" src=\"../../Scripts/arbor.js\"></script>" + 
           "<script type=\"text/javascript\" src=\"../../Scripts/arbor-tween.js\"></script>" + 
           "<script type=\"text/javascript\" src=\"../../Scripts/arbor-graphics.js\"></script>" + 
           "<script type=\"text/javascript\" src=\"../../Scripts/renderer.js\"></script>" + 
           GenJS + 
           "</body>" + 
           "</html>"; 

      Response.Write(contHTML); 

Спасибо всем людям, которые нашли время чтения моего поста.