问题标签 [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 回答
999 浏览

javascript - Protovis Treemap - Show labels on hover over

I have a treemap that I've created. Now I'm trying to get the hover over to work properly. I would like the text for each treemap.leaf to only appear when the user hovers over that particular leaf.

I've tried to follow this example to no avail http://mbostock.github.com/protovis/docs/interaction.html

The code I have so far is as follows:

0 投票
1 回答
340 浏览

gradient - 在 Protovis 3.2 中的折线图下的区域中填充渐变颜色

在我的项目中,我使用 Protovis 3.2 来渲染折线图。我想在折线图下的区域填充渐变颜色。虽然我在 Protovis 中尝试过可用的颜色功能,但它们不起作用。这个问题有什么简单的解决方案吗?

下面是我将区域添加到折线图中的代码

0 投票
1 回答
589 浏览

javascript - 标记父节点 - Protovis 树形图

我正在尝试标记树图的父节点,但到目前为止只能成功访问树图的各个叶子。现在它确实打印父节点的名称,但我希望它以父节点为中心,而不是我现在拥有的单个叶子。

0 投票
1 回答
68 浏览

scope - protovis 魔法属性

我对protovis很陌生。我试图理解http://mbostock.github.com/protovis/docs/panel.html中的示例,我可以理解left(function() this.index * 10)实际上是left(function(){return this.index * 10;}) ,当函数被调用时,一个范围被传递给它this,直到现在都很好。BUtdata(function(array) array)不会从this. 而是它传递给它。这是从哪里array通过的?我无法理解链条的流动。

0 投票
1 回答
2493 浏览

javascript - 在 d3.svg.area().interpolate("basis") 上绘制 svg:circle

这是我在JsFiddle上的代码,我用d3.svg.area()它来绘制一个区域并svg:circle在其上绘制点。如果我更改.interpolate('basis').interpolate('cardinal')orlinear但是如何使用basis插值正确放置点?例如我想把near match积分

0 投票
1 回答
302 浏览

javascript - 通过 Protovis 面板传递事件

我有一个 Protovis 图表,它响应平移/缩放事件,例如网站上的示例,它覆盖了Panel包含空图表的图表。不幸的是,它捕获了所有Events喜欢的东西mouseover,以及mouseout我的底层图表通常会响应的东西。

这是因为您必须将面板设置为接受所有事件。根据文档,唯一有效的参数是“全部”、“绘制”和“无”

vis.add(pv.Panel) .events("全部")

如何防止缩放Panel捕获这些事件?或者我怎样才能将它们传递到Panel下面呢?

0 投票
2 回答
2881 浏览

javascript - 将存储在文件中的 json 分配给 js 变量

我正在做一个项目,但我无法弄清楚如何做到这一点。我有一个 json 文件,需要将它分配给一个 js 变量以使用 protovis 可视化工具。

我尝试在谷歌上搜索,但找不到任何东西。如果有人知道如何做到这一点,请告诉我。谢谢!

0 投票
3 回答
465 浏览

r - 将 Protovis 与 R 一起使用

R作为问题,我对静态图的功能和功能感到满意ggplot2,但是交互式图呢?如何结合 R 和 Protovis 制作图表?

有一个叫做rwebvis的东西,但它似乎不再活跃。

有什么建议吗?谢谢。

0 投票
0 回答
248 浏览

javascript - 如何使用 Protovis 创建分组柱形图

我正在尝试使用 Protovis 创建图表。这是我想要绘制的图形的图像。 https://dl-web.dropbox.com/get/Public/revenue-graph.png?w=5fd1840d

以下是我根据 protovis 站点的代码所取得的进展。 http://jsfiddle.net/psivadasan/RKTZL/

我不确定如何为图表添加图例和标题。该图也不会在 IE9 中呈现。

感谢任何帮助。

0 投票
1 回答
587 浏览

google-maps - 在 Google 地图上可视化 Protovis 网络布局

我目前使用 API 在 Google 地图上使用 Protovis 绘制了一堆点。它看起来像这样: http: //mbostock.github.com/protovis/ex/oakland.html

但我不只是想要点——我想要连接点的线来显示一个网络。我想我可以使用nodeslinks属性以及 pv.Dot 和 pv.Line 类在 Google 地图上使用 Protovis 网络布局 (pv.Layout.Network)。节点显示在我的地图上,但没有显示链接。其他两个用户已经在 Protovis 讨论组上提出了类似的问题,但没有人回答。看起来应该很简单。

我的代码与上面的 Oakland Crime-spotting 示例基本相同,但我将代码的“渲染可视化”部分更改为:

这是将网络布局添加到可视化的部分。同样,节点工作正常,但链接不显示。我会很感激任何帮助!

更新:这是 Protovis 中的强制导向布局示例,它使用网络布局:http ://mbostock.github.com/protovis/ex/force.html 。是的,我知道 Protovis 有点过时了。

这是我的数据的示例: