问题标签 [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 投票
1 回答
308 浏览

bubble-chart - ZingChart 库中的气泡图:使气泡大小比例独立于 y 轴值

我一直在尝试使用 zingchart 库绘制气泡图。我没有找到任何可以使气泡半径值独立于 y 轴刻度的选项。例如,在googlecharts中, 气泡半径不依赖于 y 轴比例(请注意,在给定的示例中,生育率是个位数,而人口(气泡大小)以百万为单位)。如果我们在 zingchart 上尝试相同的示例,图表将被淹没,因为气泡大小考虑了 y 轴比例。如何在zingchart中实现这个功能?

0 投票
1 回答
334 浏览

highcharts - HighCharts:绘图区域外的 SVG

我正在设计一个 HighCharts 气泡图(一个带有彩色字段的矩阵,使用 SVG 绘制),应该有一些文本解释外面的轴值实际图表区域

也就是说,因为轴值是A-E并且需要冗长的解释(A = Always exceeds goals bla bla等)。

这些解释应该是可见的——在图表旁边,不在图表中,也不在工具提示中,因为这些无法打印。

我的问题:我可以将 SVG<text/>放在情节区域之外吗?HighCharts 似乎将绘图区域尽可能地延伸,两边都没有空间。

0 投票
2 回答
1751 浏览

javascript - Unable to load json file in html using d3.js

I want to load data from a json file in an HTML file and use D3 to visualize it. I am able to view the data in the browser if the file is loaded on its own. The file is also received correctly verified by the 200 status. But the contents of the file are interpreted as null.

Here are the contents of the json file -

[{"totdistance":[[1987,20926761],[1988,81974990],[1989,93470285],[1990,116938068],[1991,128179520],[1992,123889922],[1993,113169123],[1994,119145135],[1995,132070386],[1996,145689003],[1997,158173093],[1998,164900616],[1999,180094162],[2000,191005263],[2001,186583998],[2002,185726579],[2003,189239126],[2004,203622782],[2005,200373825]],"routes":[[1987,45399],[1988,180871],[1989,195588],[1990,216314],[1991,219896],[1992,199066],[1993,176756],[1994,177851],[1995,194508],[1996,203001],[1997,206304],[1998,203071],[1999,209496],[2000,219160],[2001,209979],[2002,196111],[2003,189519],[2004,195939],[2005,197853]],"code":"HP","name":"HP","avgdelay":[[1987,16],[1988,8],[1989,11],[1990,12],[1991,12],[1992,7],[1993,11],[1994,15],[1995,17],[1996,23],[1997,17],[1998,29],[1999,25],[2000,28],[2001,18],[2002,9],[2003,13],[2004,25],[2005,18]]}]

Here is the code that tries to load the file and read its contents -

d3.json("flights.json", function(flights) {

But I get error on the console that flights is null.

I have tried running this code on a webserver using IE, Firefox and Chrome. But no solution.

I am using this as a starting point - https://github.com/mbostock/bost.ocks.org/blob/gh-pages/mike/nations/index.html

Here is the error - Uncaught TypeError: Cannot call method 'map' of null

The json is valid as per http://jsonlint.com/

Thanks for any help to fix this issue.

0 投票
2 回答
1832 浏览

sql-server - SSRS BIDS 2008 气泡图 - 气泡标记大小

我有一个气泡图,我想根据一个名为 [Weight] 的字段调整气泡大小。重量越大,我希望我的泡泡越大。权重范围为 5-65。只要气泡的大小增加,我对气泡大小的范围没有偏好。

如何设置我的 ChartSeries>CustomAttribute>BubbleMaxSize 和 Bubble Min Size?我不知道它应该是一个表达式还是一个设定值。

然后我如何设置我的大小字段,使其具有使气泡越大重量越大的功能?

0 投票
2 回答
3585 浏览

highcharts - 显示 Highcharts 气泡图的附加文本

嗯...我知道如何在 highcharts 气泡图中的每个气泡上显示自定义文本,但是是否可以在气泡上方或外部显示其他文本(如下图所示)?

对于那些需要知道如何在气泡上显示自定义文本的人,这里是图表选项的必需选项:(查看完整代码

样本

0 投票
0 回答
2102 浏览

javascript - Google Charts 气泡图没有重叠?

我用Google Visualization制作了一张精美的气泡图

这是代码:

(数据设置为使每个点的间距为 Y 轴上尺寸的最大值)

我清理这个的第一个任务是间隔气泡,这样它们就不会重叠。minSize似乎能够缩小单个气泡,但实际上并不能准确地将它们隔开。更改位置数据似乎对间距没有任何作用(因为它们都是相对的?)。所以我正在努力寻找如何阻止气泡重叠。

我该怎么做呢?

0 投票
0 回答
403 浏览

javascript - 'bubble' Highcharts 图表的不同比例大小

我用 Highcharts 创建了一个大气泡图来显示变量之间的相关性: 大视野

当我缩小时,我不介意我们无法正确阅读标签。不过,当我放大时,我希望气泡大小和标签大小自动调整为“新”屏幕大小。相反,我有这个:

小的

有什么想法可以解决这个问题吗?干杯

更新:在这里回答

0 投票
1 回答
18883 浏览

d3.js - 如何在 nvd3 中禁用图例或限制它的大小

我正在使用 nvd3 并且有一些图表,其中的图例很大。例如,一个有 15 个组的散点图/气泡,组名很长。图例是如此之大,以至于图表本身几乎没有空间。

有没有办法删除图例或切换图例或限制它占用的高度/宽度?任何例子都会很棒。

另外,有没有办法让气泡显示一个描述性字符串?现在,当您站在气泡顶部时,它会突出显示 x/y 坐标。我还希望它显示气泡名称。

例如,我的每个气泡代表一个国家(有一个名字),x 是 GDP,y 是债务。该组是一个分类/不是名称。

0 投票
0 回答
732 浏览

javascript - highcharts 气泡图:我可以对数据进行分组吗?

我想看看是否可以在 highcharts 气泡图中对数据进行分组。我似乎找不到任何合适的方法来做到这一点:

基本上,当“缩小”时,我希望我的图表上没有一百万个气泡......

只是想知道 highcharts 是否可以以某种方式将彼此靠近的点组合在一起,以便我可以“深入”图表上的各个组......

非常感谢任何帮助或指导...

谢谢!

0 投票
1 回答
951 浏览

highcharts - 气泡图中的点标题(Highcharts)

我有以下代码:

我想为每个点添加一个名称以在工具提示中显示它。可能吗?