我有下面的代码,它允许我在单击圆圈时增加它的大小。我想添加一个过渡效果,但它不起作用:
D3.js
d3.selectAll(".bubble-node")
.on("click", function (d) {
$("#circle-" + d.id).transition().duration(1000).attr("r", r);
d.forceR = r; // forceR is a property on the data object
});
HTML/svg
<
我是Javascript和D3.js的新手,我目前正尝试用d3.js构建一个气泡图,使用这里提供的示例并根据我的任务修改它。我知道上面的示例是用以前版本的d3编写的,我使用的是v4版本,其中语法略有改变,但是在运行程序时会出现以下错误:
Uncaught :d3.pack(.).sort不是函数
var diameter = 500, //max size of the bubbles
color = d3.scaleOrdinal(d3.schemeCategory10); //color category
var bubble = d3.pack()
.sort()
.size([
我正在用D3.js创建一个气泡图。现在,当我点击每个气泡时,我希望它在<h3 id="comment"></h3>标签中显示一个注释。
这是我的data.csv文件:
name,count,group,comment
apple,5,red,"This is the best apple ever."
grape,10,purple,"Grapes are huge."
banana,8,yellow,"Are these bananas even ripe?"
pineapple,1,yellow,
为了学习d3.js,我已经尝试了很长一段时间:在我的示例Rails应用程序中使用示例。但是,我很难做到这一点。
我在index.html.erb文件中放入了以下代码:
<script type="text/javascript">
var diameter = 960,
format = d3.format(",d"),
color = d3.scale.category20c();
var bubble = d3.layout.pack()
.sort(nu
我知道我的错误是调整.attr("width", x)的大小,或者不计算.attr("viewBox", "0 0 " + x + " " + y )中的宽度。
如何修复我的代码,或者是否有其他工作解决方案?
工作代码:(初始页数)
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth - 170 || e.c
基本上,我的代码只适用于"bubble1“。如果我想要有另一个泡泡"bubble2“,是否需要创建相同类型的许多函数?
func addBubbles() {
let bubble1 = SKSpriteNode(imageNamed: "bubble_purple")
//the new one I want to create
let bubble2 = SKSpriteNode(imageNamed: "bubble_green")
bubble1.name = "bubble1
嘿,我厌倦了这段新代码,它让物体(这里是气泡)动起来,并使用精灵使它们静止不动。代码如下:
local ui = require("ui")
local gameUI = require("gameUI")
local easingx = require("easingx")
require "sprite"
display.setStatusBar( display.HiddenStatusBar )
local physics = require("physics")
physics.start()
p
我需要一些关于p5js代码的帮助。我已经画了一个简单的草图,其中4个圆圈以给定的速度移动。我想要做的是当任何一个圆接触到另一个圆时,改变填充颜色。我认为问题是我在我的构造函数对象中初始化椭圆的x和y值,我需要随着圆的移动而更新它,但我不确定如何做到这一点。
// Declare objects
let bubble1;
let bubble2;
let bubble3;
let bubble4;
var centDistance;
function setup() {
createCanvas(windowWidth, windowHeight);
ellipseMode(CENTE
我有一个在d3.js中工作的气泡/散点图,但是由于某种原因,当我试图在圆圈上添加一个单击事件处理程序时,我会得到一个未定义的错误。
我试着按顺序移动单击处理程序,我尝试过简单的警报,但是我得到了相同的错误。
TypeError: 'undefined' is not a function (near '....on("click", function(d...')
问题出在哪里?
function click(d) {
svg.selectAll(".active").classed("active", fal
ArrayList<Bubble> bubbles = new ArrayList<Bubble>();
void setup() {
size(500, 500);
background(210);
for (int i = 0; i < 100; i++) {
Bubble bubble = new Bubble();
for (Bubble b : bubbles) {
float d = dist(b.pos.x, b.pos.y, bubble.pos.x, bubble.pos.y);
w
下面是指向我的项目的链接:
现在,我使用setup()函数创建画布,创建气泡。我尝试将Bubble变量声明在setup()函数之前和之后以及draw()函数和两个函数的外部移动到它自己的函数中。我还尝试将画布创建移到另一个部分,但这些解决方案都没有效果。我如何调整这段代码,使它每0.5秒在画布中创建一个新的气泡,而不是每2.9秒重置一次画布和气泡?
class Bubble {
constructor() {
let allInstances = [];
let radius = random(20, 200);
let red = random(210,
下面是我正在试验的一种简单的气泡类型:
template<class T>
void bubbleSort(T *begin, T *end) {
for (auto index = begin + 1; index != end; ++index) {
for (auto bubble = begin; bubble != end - 1; ++bubble) {
if (*bubble > *(bubble + 1)) {
const T temp = *bubble;
var bubble = [$('#bubble1'), $('#bubble2'), $('#bubble3'), $('#bubble4'), $('#bubble5'), $('#bubble6')];
var bubbleFirst = 0;
var visibleBubbles = 3;
var bubbleHeight = 200;
var bubbleTimeDelay = 5000;
var bubbleTimer = setTimeout(function(){animateBu
我有一个JQuery函数:
$('.btn-cart-toggle').on({
click: function () {
if (!CheckZero()) {
if ($('.cart-bubble').hasClass('active')) {
$('.cart-bubble').removeClass("active");
$('.cart-bubble').addClass(
在创建一个数组对象,然后为每个对象设置变量时,我遇到了一些问题。我创建数组,然后遍历数组,设置变量,但似乎每次循环都会覆盖所有以前的变量。
这似乎是一个基本的代码和一个非常不规则的错误.
public class Test{
Bubble[] bubble = new Bubble[2];
public static void main(String[] args)
{
bubble = new Bubble[2];
bubble[0] = new Bubble();
bubble[0].setDegree(360
我有这个(工作很好):
public static Texture bubble1 = new Texture(Gdx.files.internal("Bubble1.png"));
public static Texture bubble2 = new Texture(Gdx.files.internal("Bubble2.png"));
public static Texture bubble3 = new Texture(Gdx.files.internal("Bubble3.png"));
public static Texture bu