问题标签 [bubble-chart]

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 投票
3 回答
1658 浏览

javascript - 这个填充函数在哪里定义?

在示例中,http ://mbostock.github.com/d3/ex/bubble.html :

在此处输入图像描述

在第 27 行:

在哪里fill()定义?我也没有找到d3.js。即使包名称不是颜色,也会分配一些随机颜色。怎么会这样?

0 投票
1 回答
1674 浏览

asp.net - asp.net中的气泡图不起作用

我通过正式定义 x 和 y 轴列,使用简单的 sqldatsource 在 Asp.net 中开发了一个气泡图。现在问题是所有 vlaues 的气泡大小都相同。例如,100 的气泡大小与2000 年的气泡大小。请任何人告诉我是否存在任何属性或属性来根据值检查气泡的大小。我已经尝试了很多来找到这样的任何属性,但都是徒劳的。请帮助我

更新

0 投票
3 回答
69413 浏览

javascript - d3 js - 在没有 http get 的情况下加载 json

我正在学习d3。在 d3 js 中有一些加载数据的方法。但他们似乎都做了一个 HTTP GET。在我的场景中,我已经在字符串中有 json 数据。如何使用此字符串而不是发出另一个 http 请求?我试图为此寻找文档,但没有找到。

这有效:

现在,如果我有:

如何在 d3 中使用已计算的“myjson”并避免对服务器的异步调用?谢谢。

0 投票
1 回答
141 浏览

javascript - 谷歌气泡图维度错误

首先对不起我的英语,但我是意大利人。

现在......我正在毫无问题地使用动态图表和地理图表,但气泡图似乎有他的方式做事。

我在我的页面上使用了几个图表,有些是隐藏的(显示:无),但当我隐藏气泡图时,当我在代码 900x600 上书写时,他的尺寸变化为 400x200。

这是我完美地与其他图表一起使用的代码:

但是当我在气泡图上使用它时,一切都崩溃了……我得到了一个 400x200 的邮票……

如果我在没有显示的情况下使用它:无它需要正确的尺寸。

这是一个测试页面https://dl.dropbox.com/u/29200489/IPC/untitled/test.html 解决方案?

0 投票
1 回答
1484 浏览

d3.js - D3/咖啡气泡图中的不同状态

我想使用这个(http://vallandingham.me/vis/gates/)气泡图(在 D3 中制作):

在此处输入图像描述

...走过一些不同的场景。简而言之,我想可视化选举数据。政党获得了多少票,组建政府的可能性是什么?

在数据层面,非常明显:姓名、议会席位数量、州 1、州 2、州 3 等。州 1 是 1 或 2。1 是政府中的位置,2 是反对党。很简单。

但该示例仅显示两种状态:All Grants 和 Grants By year。我想要的是更多的州,比如按年拨款。但是我不是一个很好的程序员,无法弄清楚如何使这项工作。当我添加新状态时,可视化不起作用。

这是控制状态的代码(咖啡)。

0 投票
2 回答
6403 浏览

javascript - D3.js 从圆形到三角形的可视化

有谁知道我如何将这个图中的圆圈http://bost.ocks.org/mike/nations/更改为三角形并且仍然动态增长和缩小?

在此处输入图像描述

0 投票
1 回答
1314 浏览

javascript - OKFN气泡树中的数据输入

我想设置OKFN制作的泡泡树。https://github.com/okfn/bubbletree/wiki/Bubble-Tree-Documentation

现在我想在这里输入一些数据。我想深入三层。但由于某种原因它不起作用。这是html文件中的代码

当我移除最深层时它会起作用,但这还不够。我怎样才能使这项工作?

我知道还有一种方法可以使这种可视化与 JSON 一起工作,但我真的不明白这个逻辑。如果那是 B 计划并且有人可以帮助我,那就太好了。

0 投票
1 回答
364 浏览

apache-flex - Flex 气泡图数据结构

我一直在尝试在 Flex 气泡图中表示以下数据。请参阅下面的图表代码。

而且我得到的气泡图不是我所期望的。我正在查看气泡图以显示半径为“计数”的气泡,X 和 Y 分别由工业和范围表示。因此,例如,图表应在 Industry In1 和 Range 0-10 Days 的交点处显示半径为 10 的圆圈。

实际上,我得到以下图表

在此处输入图像描述

因此,对于每个数据点,它都会创建一个新的 X 项(“in1”重复 5 次,“in2”重复 5 次),实际上,它应该只是一个。y 标记也是如此。

图表似乎无法在两个轴上对相同的字段值进行分组,因此出现了这个问题

是否需要采用不同的数据结构,或者是否有图表设置可以解决这个问题?

0 投票
1 回答
1572 浏览

javascript - 使用 d3.geo.mercator 的气泡图

我完全是 D3.js n00b,所以如果这最终有一个我完全错过的超级简单的解决方案,我深表歉意。无论如何,我正在尝试在世界地图上创建一个气泡图。它将类似于符号地图,但使用 d3.geo.mercator 而不是 d3.geo.albersUsa。我正在使用 world-countries.json 文件并创建了自己的 world-country-centroids.json 文件。有任何想法吗?这是代码:

0 投票
2 回答
1228 浏览

iphone - iOS应用程序中的气泡图

我需要在 iPad 应用程序中实现气泡图,每个气泡都具有用户交互(触摸事件)以导航到详细视图。

是否有任何框架或方法(如使用coreplot的条形图、饼图、折线图)?

我尝试手动实现,甚至对每个气泡使用 CGContextRef,如下所示

但无法通过用户交互(即触摸事件)裁剪边缘(因为这些气泡是 UIView 中的圆圈)。

提前致谢