相关疑难解决方法(0)

d3为给定半径内的气泡图设置动画

在此输入图像描述

//气泡图基础. http://jsfiddle.net/NYEaX/1450/

我试图通过改变它们的规模来制作气泡 - 并且如果可能的话,将它们淡入淡出.在某些阶段,我需要用某种重力聚集它们以占据更多的包含周长.

(function() {

    var diameter = 250;

    var svg = d3.select('#graph').append('svg')
      .attr('width', diameter)
      .attr('height', diameter);

    var bubble = d3.layout.pack()
      .size([diameter, diameter])
      .value(function(d) {
        return d.size;
      })
      .padding(3);

    var color = d3.scale.ordinal()
      .domain(["Lorem ipsum", "dolor sit", "amet", "consectetur", "adipisicing"])
      .range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56"]);


  function randomData() {

      var data1 = {
        "children": [
                {
                  name: "AA",
                  className: "aa",
                  size: 170
                },
                {
                  name: "BB",
                  className: "bb",
                  size: 393
                },
                {
                  name: "CC",
                  className: "cc",
                  size: 293
                }, …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js

6
推荐指数
1
解决办法
743
查看次数

标签 统计

d3.js ×1

javascript ×1