草庐IT

气泡图

全部标签

javascript - Chart.js - 在不使用工具提示的情况下向气泡图元素添加文本/标签?

问题有没有什么方法可以在不始终显示工具提示的情况下为Chart.js气泡图中的单个气泡添加标签?背景图表数据用于可视化我们的项目积压工作。有关每个项目的其他详细信息,即项目名称,都在一个表中。我们之前使用的是谷歌图表,只是在气泡上包含了表格中的行号,这样您就可以进行匹配。使用Chart.js,我只能得到气泡和工具提示。我已经查看了以下相关问题,但他们建议的解决方案需要始终显示工具提示。我在工具提示中获得了更多信息,并且一直显示它们会使图表变得非常困惑。Canindividualbubblesinachartjsbubblecharthavelabels?Howtoshowtooltip

javascript - d3 在给定半径内为气泡图设置动画

//气泡图基础。http://jsfiddle.net/NYEaX/1450/我正在尝试为气泡设置动画-通过改变它们的比例-如果可能的话,它们会淡入淡出。在某个阶段,我需要用某种重力将它们聚集在一起,以占据更多的包容圆周。(function(){vardiameter=250;varsvg=d3.select('#graph').append('svg').attr('width',diameter).attr('height',diameter);varbubble=d3.layout.pack().size([diameter,diameter]).value(function(d

带有 slider 的 Javascript 气泡图

OKCupid网站有一篇名为10ChartsaboutSex的信息图表文章.我非常喜欢图表#7结合气泡图和slider的方式。我想用我自己的Javascript可视化做同样的事情,最好是使用jQuery库。不幸的是,OKCupid似乎对一系列气泡图的PNG图像进行了动画处理。关于是否存在可以合并slider的现有图表库,我将不胜感激。或者,是否可以使用slider显示多个气泡图并仍然获得良好的性能。 最佳答案 HighChartJS+JqueryUISlider是最好的解决方案。气泡图在这里:http://www.highchart

javascript - D3 气泡图

我是D3的新手,除非我使用确切的示例数据,否则我很难使用气泡图:https://github.com/mbostock/d3/blob/master/examples/bubble/bubble.jshttps://github.com/mbostock/d3/blob/master/examples/data/flare.json特别是我遇到了麻烦.attr("transform",function(d){return"translate("+d.x+","+d.y+")";});我无法运行让这部分代码与其他示例一起工作。这是我正在处理的JSON数据的一个子集:{"name":301

javascript - 如何禁用谷歌加一(+1)按钮的悬停气泡?

在我的页面中,如何删除google+1按钮的工具提示消息?示例:http://www.google.com/webmasters/+1/button/文档:http://code.google.com/apis/+1button/我试了很多方法,还是想不通。 最佳答案 根据您在使用其API时同意的Google政策,您不应该这样做:http://www.google.com/webmasters/+1/button/policy.html.您不允许修改按钮,包括它的行为。如同一页所述,您可以由Google的机器人控制。如果您不想要该按

javascript - D3 气泡示例 : What does bubble. nodes() 做什么?

示例:http://mbostock.github.com/d3/ex/bubble.html我很难理解第16行发生了什么:.data(bubble.nodes(classes(json))为什么,或者在classes()函数中,变量classes[]获得为其每个对象定义的x、y、r值。另外,bubble.nodes()似乎不是一个实际的函数?如果我添加一个console.log(classes)在第44行和第45行之间-内部的每个对象似乎都已经填充了x,y,r-但不清楚为什么会发生这种情况。 最佳答案 对bubble.nodes(

javascript - Google 的气泡提示和类似的 "learning curve"/"getting started"气泡提示用什么?

今天我进入我的Google日历,有一个小框(气泡提示)说明他们已经为日历事件实现了一个新的调色板。该框的右上角有一个小的关闭按钮。这些天在网络上很常见的东西。我希望我的(RubyonRails)网站上有类似的东西,以帮助新用户了解网站的功能,而不会在用户熟悉该功能后在页面上保留气泡提示。有谁知道这样的“入门”泡泡提示是怎么做出来的?是否只是一个简单的cookie存储在用户计算机上,关于他是否看到(关闭)提示?有人知道可以轻松制作这些提示的Rails插件/gem吗?谢谢:-) 最佳答案 这不是特定于平台的东西,但通常在前端完成。服务器

javascript - D3 气泡图/包装布局 - 如何让气泡从最大的气泡向最小的气泡辐射?

所以我使用与此D3画廊示例相同的代码(使用我自己的数据):http://bl.ocks.org/mbostock/4063269我想要一个气泡图,其中的圆圈以最大的中心排列,然后向外辐射到最小的。这是我在Photoshop中创建的模型:这是我使用示例(默认排序的默认圆包装算法)时得到的结果:我尝试调整排序(包括尝试d3.ascending和d3.descending)。我能想到的最好的只是基本上用一个常量来颠覆排序(哈!),但仍然离我想要的还很远://....sort(function(a,b){return-1;})//...好的,所以有没有可能在不改变实际的D3包布局算法的情况下做

javascript - 使用 Google Maps API 根据地址动态嵌入 map - 需要使用 Google 的数据作为标记/气泡

我正在尝试将Googlemap嵌入到动态网页中。map依赖的唯一变量是企业地址。该地址来自该网站的数据库。我不能使用相同的设置为每个动态页面静态生成嵌入代码。有什么方法可以嵌入基于该地址的map并显示标记/气泡以显示Google关于该业务的信息?到目前为止,我已经探索了几个选项,包括使用GoogleMapAPI和GoogleDataAPI,或者只是乱用Google提供的嵌入代码。如果我使用API,我似乎必须设计我自己的标记类型,甚至可能提供我自己的数据。看起来没有简单的解决方案。有什么想法吗?谢谢。编辑:我不介意从地址到经度和纬度。我想要标记的信息窗口或“气泡”来显示Google的商家

javascript - 更改 c3.js 散点图中气泡的大小

我有一个散点图电荷,我想改变点的大小,使它们看起来像气泡。谁能告诉我如何改变气泡的大小?这是我的代码:varchart=c3.generate({data:{xs:{IBM:'ibm_x',Microsoft:'microsoft_x',},columns:[["ibm_x",3.5,3.0,3.2,3.1,3.6,3.9,3.4,3.4,2.9,3.1,3.7,3.4,3.0,3.0,4.0,4.4,3.9,3.5,3.8,3.8,3.4,3.7,3.6,3.3,3.4,3.0,3.4,3.5,3.4,3.2,3.1,3.4,4.1,4.2,3.1,3.2,3.5,3.6,3.0,3