问题标签 [protovis]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1608 浏览

javascript - Chrome 中的 SVG 动态渲染

我正在尝试使用 JavaScript 库添加和创建 SVG 元素,并且遇到了一个我想解决的常见主题。

例如,我正在发出 AJAX 请求并根据返回的纬度和经度值在地图上生成一个点(使用 Polymaps,尽管 Protovis 也发生了这种情况)。当我运行一次时,它工作正常。例如,这是从服务器返回的内容

然后我将它分配给一个变量并让库处理渲染。

当我合并一个交互功能时,我提出更多请求并添加更多点,除非我调整窗口大小或单击页面周围,否则 Chrome 中不会显示任何内容(就像点在那里但它必须刷新?)在 Firefox 中,一切似乎工作正常。

我认为这可能与全局与局部变量范围有关,但我似乎无法理解为什么。有人曾经提到使用匿名自调用函数,但我通常感到困惑。我能得到一些帮助吗?

干杯!

0 投票
1 回答
320 浏览

javascript - Protovis 子弹图边界

我一直在寻找将Protovis Bullet Charts中的默认下限更改为 0 以外的其他值的方法。这似乎是不可能的,但我很想得到一些确认。(或者实际上,我更愿意有一个解决方案。)

范围的方向相同。默认情况下,它从左到右递增。我希望能够扭转这种局面:从左到右递减。再一次,这似乎是不可能的,但我可能错过了重点。

0 投票
4 回答
11718 浏览

javascript - 语法:错误 JSON.parse,尝试为 protovis 加载数据时

嗨,我正在学习如何使用 protovis,到目前为止一切都很好,但现在我偶然发现了一个我似乎无法解决的问题。

以下是代码。(我的标题中加载了最新的 jquery

当我在 Firefox 中尝试此操作时,我收到此警报:

我已经在http://www.jsonlint.com/上验证了 JSON 。所以问题一定出在其他地方。

有谁知道这里发生了什么?

编辑

我尝试在 protoviewer 应用程序中加载相同的数据:http ://www.rioleo.org/protoviewer/ 它可以工作。所以它必须是代码。

0 投票
2 回答
1280 浏览

javascript - 使用 Protovis 的交互式面积图

对于 Protovis 的新手来说,这是一个相当艰巨的项目,但也许你可以帮我把它分成可消化的部分?

我想要构建的是一个“交互式区域图”,如下所示:http://i.stack.imgur.com/7bs9W.png

首先,它是数据......我在 Excel 中有省份的数据:

对于每个省和年份,我希望能够绘制一张面积图:

然后我想添加两种类型的交互:

  1. 省份选择
  2. 时间滑块

选择复选框和时间滑块共同决定了在任何给定时间哪些区域是可见的。例如,如果选择省 A 并且年份是 1984,则仅显示该区域。如果现在拖动时间滑块,则现在会显示省 A 的相应年份。如果选中另一个省,则会覆盖这些区域,并且当时间滑块移动时会重绘两个区域。

普罗托维斯问题:

  1. 如何格式化此应用程序的数据(省、年、x、y)?
  2. 如何实现复选框与区域的绑定?
  3. 如何实现时间滑块?在 Protovis 中还是像带有触发重新渲染图形的侦听器的外部组件一样?
0 投票
1 回答
1527 浏览

javascript - 如何将 Protovis 图表附加到特定的 HTML 标记?

我有一个 id 为“chart”的 div 标签,但如何让 Protovis 在该标签内呈现图表?

我尝试了画布方法,但没有奏效。

我需要将我的 JS 代码保留在图表中,作为我正在处理的框架的一部分,并且 HTML 正文中不能有脚本标签。

0 投票
1 回答
339 浏览

protovis - 无法调用未定义的方法“实例”

使用以下代码时;

我得到了错误;

无法调用未定义的方法“实例”

它指的是pvBar.fillStyle(). 使用它我想检索条填充样式以供以后使用。谁能告诉我这个错误的原因以及如何解决这个问题?

0 投票
3 回答
498 浏览

javascript - 可以在 CoffeeScript 中编写 Protovis 代码吗?

我想使用 Protovis 创建可视化,但用 CoffeeScript 而不是 JavaScript 编写(部分原因是(x)->x函数符号,但也有其他原因)

这可能吗?我将使用什么<script>标签,是否有任何特殊的脚本标签顺序是必需的?

谢谢。

编辑:如果可能的话,我想避免手动编译步骤。

0 投票
1 回答
5267 浏览

javascript - Tornado 和 JavaScript 库的问题

我正在尝试使用 Tornado Web 服务器编写一个简单的 Python Web 应用程序,但在使用我需要的 JavaScript 库时遇到了麻烦。我想使用 Protovis JavaScript 绘图库,所以我在我的 template.html 中添加了以下“Hello World”代码片段:

但是,每当我运行网络服务器并尝试访问该页面时,我都会在控制台中收到以下错误:

protovis.js 文件和我的 server.py 文件在同一目录下,并且所有权限都设置正确。我在尝试 src 和 JavaScript 文件时遇到了同样的错误,所以我知道 protovis.js 文件没有问题,但 Tornado 服务器的路由有问题。

有谁知道我如何正确 src 这个 JavaScript 代码,谢谢。

0 投票
4 回答
6157 浏览

javascript - Flot 和 Internet Explorer 9?

我正要为我的 ASP.NET 应用程序选择一个图表库。

我关注的是stackoverflow也使用的flot。当我在这里查看 flot 示例时:http: //people.iola.dk/olau/flot/examples/

他们看起来很棒。但在 IE9 中没有。我在 IE9 中看不到任何内容。如果我将我的 IE9 设置为 IE8 或 IE7 模式,它就可以工作。如果我在 SO 上转到用户页面

https://stackoverflow.com/users/22656/jon-skeet?tab=reputation

它也适用于 IE9。我错过了什么?是否有秘密 SupportIE9=true 开关?

我看了一下 protovis 作为替代方案。 http://vis.stanford.edu/protovis/ex/

这在 IE9 中看起来很棒,但如果我将浏览器放入 IE7 或 IE8,它又会令人沮丧。

提示?如何使这些工作或跨 IE 版本工作的替代方案?Firefox 没有问题。适用于所有图书馆:)

0 投票
2 回答
3426 浏览

jquery - 通过 JQuery 将 Protovis 与动态加载的数据一起使用

我正在将一些社交网络数据动态加载到我想使用 protovis 可视化的网页中。(实际上,数据是在两次传递过程中加载的 - 首先从 Twitter 中获取用户名列表,然后是社交列表连接是从 Google Social API 中获取的。)protovis 代码似乎在事件循环内运行,这意味着数据加载代码需要在此循环之外。

在“打开”protovis 事件循环之前,如何将数据加载到页面中并解析它?目前,我认为存在一种竞争条件,即 protovis 试图可视化尚未加载和解析的网络数据?