个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
27
4
我打算向 JavaScript InfoVis Toolkit Google Group 提出这个问题，但在等待该成员资格获得批准时，我想我应该在这里提出它。
我正在开发 Rails 应用程序，需要添加数据可视化(以及通过该可视化进行操作)。
我进行了一些搜索并找到了 JavaScript InfoVis Toolkit .这些演示非常吸引我，也是我正在寻找的。
因为我还比较新，所以我试着慢慢开始。我尝试了无数次代码迭代都无济于事。这似乎是我能做的最好的事情:
#HTML source
<!DOCTYPE html>
<html>
<head>
<title>Special</title>
<link href="/stylesheets/BarChart.css?1281492364" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/fileuploader.css?1287396350" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/prototype.js?1291059294" type="text/javascript"></script>
<script src="/javascripts/effects.js?1291059294" type="text/javascript"></script>
<script src="/javascripts/dragdrop.js?1291059294" type="text/javascript"></script>
<script src="/javascripts/controls.js?1291059294" type="text/javascript"></script>
<script src="/javascripts/rails.js?1291059294" type="text/javascript"></script>
<script src="/javascripts/fileuploader.js?1287396350" type="text/javascript"></script>
<script src="/javascripts/info-vis.js?1295643295" type="text/javascript"></script>
<script src="/javascripts/jit.js?1281492366" type="text/javascript"></script>
<script src="/javascripts/application.js?1295548407" type="text/javascript"></script>
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="1yF3pZmI7eUDbIipP66exagwkAGljlU0LlCjaW+ZoaI="/>
</head>
<body onload="init();">
<a href="/">Home</a> | <a href="/mailing_lists/list">List Overview</a><br>
<div id="infovis">
</div>
</body>
</html>
这是我的 JavaScript 文件:
#info-vis.js
var init = function() {
var json = {
'label': ['label A', 'label B', 'label C', 'label D'],
'values': [
{
'label': 'date A',
'values': [20, 40, 15, 5]
},
{
'label': 'date B',
'values': [30, 10, 45, 10]
},
{
'label': 'date E',
'values': [38, 20, 35, 17]
},
{
'label': 'date F',
'values': [58, 10, 35, 32]
},
{
'label': 'date D',
'values': [55, 60, 34, 38]
},
{
'label': 'date C',
'values': [26, 40, 25, 40]
}]
};
var barChart= new $jit.BarChart({
injectInto: "infovis",
width: 900,
height: 500,
backgroundColor: "#222",
animate: true,
barsOffset: 10,
type: 'stacked:gradient'
});
barChart.loadJSON(json);
};
所以我想做的就是制作一个简单的条形图示例。
这是页面完全加载后 Web Inspector(在 Safari 中)显示的相关部分:
#DOM Inspection
<div id="infovis">
<div id="infovis-canvaswidget" style="position: relative; width: 800px; height: 0px; ">
<canvas id="infovis-canvas" width="800" height="0" style="position: absolute; top: 0px; left 0px; width:800px; height: 0px; ">
<div id="infovis-label" style="overflow-x: visible; overflow-y: visible; position: absolute; top: 0px; left: 0px; width: 800px; height: 0px; "></div>
</div>
</div>
<div style="visibility: hidden; position: absolute; width: auto; height: auto; " class="jit-autoadjust-label"></div>
所以，我看到的是正在注入(inject) Canvas 元素，但高度为 0px，这就是我看不到它的原因？
当我查看演示的 DOM 时，<div id="infovis"> 的内容看起来和我的很相似……我看到的唯一区别是高度。
如有任何见解，我们将不胜感激!
最佳答案
最终的答案是容器 div 需要设置样式。显然这是一个错误，正在研究中。
关于javascript - InfoVis 和 Rails，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4764041/
27
4
0
这是屏幕截图 我一直在处理这个问题，并尝试修改 Y 位置，但没有任何运气。请注意 美利工作 B 似乎错位了。仅当父框附加到多个父框时才会发生这种情况。我尝试了下面的代码来了解一个盒子是否有多个 par
在本例中，我使用的是 JIT Hypertree。我要将一个节点的颜色与其他节点的颜色区分开来，以便树上的每个节点都有自己的颜色。有没有办法改变单个颜色，使其与其他节点不同？ 我只是设法改变了所有节点
我遇到了我正在使用的 Jit Infovis 的奇怪行为。我有两个不同的 html 文件，其中包含来自 Javascript 文件的加载 json 函数。该函数使用 infovis 库显示 json
如何展开 infovis 树中最初的所有节点？ constrained: false 对我不起作用。设置完成后，空间树保持不变。空间树仅显示根节点。 最佳答案 检查此链接， https://group
我是 javascript 编码新手 - 谁能帮我解决 InfoVis太空树？我试图将某一级别节点的宽度和高度设置为小于其余节点。看起来我把它放在了 data: {} 中，但是当我尝试 data:{"
有没有人有使用 JavaScript InfoVis Toolkit 显示大量数据的经验？基本上，我正在研究我的项目如何提供社交网络的可视化表示...并使用 JavaScript InfoVis To
我对使用 Javascript Infovis Toolkit 还很陌生，但我想做的是创建一个 super 树，其中五个初始节点连接到中间。然后，当用户单击每个子节点时，会出现连接到该子节点的新节点(
我正在使用 InfoVis JIT sunburst 可视化并相应地修改节点和父节点颜色: onBeforePlotNode: function(node) { if(node.
我正在我的一个项目中使用 InfoVis 生成空间树可视化。由于这是一个交互式网站，因此每次用户更改首选项时都需要重新生成空间树。 这就需要将空间树完全清除，并在同一空间上重新绘制一棵新树。此外，图表
我打算向 JavaScript InfoVis Toolkit Google Group 提出这个问题，但在等待该成员资格获得批准时，我想我应该在这里提出它。 我正在开发 Rails 应用程序，需要添
我正在使用 jit infovis javascript 组件 (thejit.org)。我有数百万个数据节点，需要 rGraph 按需加载/延迟加载数据，否则它永远不会呈现。我找不到任何文档。有谁知
我正在使用 InfoVis SpaceTree 来可视化一棵树。一次调用 loadJSON 方法即可加载完整的树。每个节点的子节点已经按正确的顺序排列。但是节点不会按照它们在数据结构中定义的顺序显示，
我一直在用谷歌搜索这个，但似乎找不到答案。我也会在 JavaScript InfoVis Toolkit Google Group 中提出这个问题。 我想知道是否可以使用 InfoVis spacet
有什么方法可以指定力定向图中节点/边之间的最小距离吗？ 我有一些图表，其中一个节点直接连接到数百个其他节点，在这种情况下，选择特定的边或节点确实很困难，因为边和节点非常接近，以至于 onMouseEn
我正在尝试更改空间树中的默认方向，但无法确定要添加的位置: st.switchPosition("top", "animate", { onComplete: function() { a
我一直在从事 Infovis 工具包项目，虽然所有功能都已完成，但我无法完成视觉效果。 Infovis 工具包 API 文档很好，但我的自定义节点类型不起作用。我正在使用超树，我想制作两种不同的自定义
尝试基于InfoVis工具包制作自定义树动画，具体来说，想要自定义Spacetree Tree animation sample 。因此，将示例保存到本地计算机，但是打开本地示例无法正常工作，即结果与
我正在尝试整合 an example的 JavaScript InfoVis Toolkit图表到我的 Django 应用程序中。 现在，我只想在我的 Django 页面中显示上述示例图。我创建了下面
我有一个包含多个选项卡的页面(jquery ui 选项卡) 在最后一个选项卡上，我显示了一个“空间树”。我在单独的测试页(没有标签)上正常工作。一旦我将所有内容添加到选项卡式页面，树就会停止显示。 带
我之前问过 question询问如何/使用什么来显示以像时尚一样的自上而下的树中呈现数据。 我也偶然发现了这篇文章:Graph visualization library in JavaScript建
我是一名优秀的程序员,十分优秀！