小编use*_*905的帖子

用渐变颜色绘制D3圆

如何用渐变色绘制圆圈?比如,从黄色到蓝色的渐变.

通常,要创建黄色圆圈,我们可以使用以下代码:

var cdata=[50,40];
var xscale=40;
var xspace =50;
var yscale=70;

var svg = d3.select("body")
    .append("svg")
    .attr("width", 1600)
    .attr("height", 1600);

var circle = svg.selectAll("circle")
    .data(cdata)
   .enter()
    .append("circle");

var circleattr = circle
    .attr("cx", function(d) {
        xscale = xscale+xspace;
        return xscale;
    })
    .attr("cy", function(d) {
        yscale=yscale+xspace+10;
        return yscale;
    })
    .attr("r", function(d) {
        return d;
    })
    .style("fill","yellow");
Run Code Online (Sandbox Code Playgroud)

javascript geometry svg gradient d3.js

14
推荐指数
2
解决办法
1万
查看次数

如何给d3js文本元素提供href

我正在阅读一个csv文件,并希望在顶部绘制标题(ID)我想给href,这将帮助我打开一个javascript窗口(新页面).我尝试使用xlink:href:即使在元素href写入时鼠标移动ID我也没有指向点击的指针.

var geneldata = canvas.selectAll("text.gene")
    .data(data)
    .enter()
    .append("text")
    .transition()
    .delay(1)
    .duration(1500)
    .attr("class", "gene")
    .attr("font-family", "Arial")
    .attr("font-size", "12px")
    .attr("x", function (d) {
        var labelx = d.source;
        var labelx_len = genesetx.length;
        var labelxmatches = 0;

        for (var i = 0; i < labelx_len; i++) {
            if (genesetx[i] == labelx) {
                labelxmatches++;
            }
        }
        if (labelxmatches == 0) {
            genesetx.push(d.source);
            return genelistxscale;
        }


    })
    .attr("y", function (d) {

        var labelx = d.source;
        var labelx_len = genesety.length;
        var labelxmatches = 0;


        for (var i …
Run Code Online (Sandbox Code Playgroud)

d3.js

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

d3.js ×2

geometry ×1

gradient ×1

javascript ×1

svg ×1