D3.js D3 dougnut图表自定义圆颜色
我正在制作一个图表，用某个产品的数量占可用产品总数的百分比填充圆圈。我几乎接近我所需要的。唯一的问题是我想不出如何改变甜甜圈弧的剩余部分 这是密码 我可以在这条线上更改产品%的圆圈的颜色D3.js D3 dougnut图表自定义圆颜色,d3.js,D3.js,我正在制作一个图表，用某个产品的数量占可用产品总数的百分比填充圆圈。我几乎接近我所需要的。唯一的问题是我想不出如何改变甜甜圈弧的剩余部分 这是密码 我可以在这条线上更改产品%的圆圈的颜色 .attr("fill", "#F1F1F1"); ，但剩下的是页面背景的相同颜色，我需要能够更改该颜色。有什么想法吗？这是一个满足要求的代码片段 变量数据集={ 硬盘驱动器：[90,10]， }; 可变宽度=460， 高度=300， 半径=数学最小宽度，高度/2； var color=d3.scale.
.attr("fill", "#F1F1F1");
，但剩下的是页面背景的相同颜色，我需要能够更改该颜色。有什么想法吗？这是一个满足要求的代码片段 变量数据集={ 硬盘驱动器：[90,10]， }; 可变宽度=460， 高度=300， 半径=数学最小宽度，高度/2； var color=d3.scale.ordinal .范围[2DA7E2，红色]； var pie=d3.layout.pie 索特努尔先生； var arc=d3.svg.arc .内半径半径-100 .外半径-70； var svg=d3.selectbody.appendsvg .宽度，宽度 .身高，身高 .附录 .attransform，translate+宽度/2+，+高度/2+； //画圆圈 svg.appendcircle .attrcx，0 .消耗率，0 attrr先生，65岁 .attrfill，f1f1； var path=svg.selectAllpath .datapiedataset.hddrives .enter.appendpath .arc类 .attrfill，函数d，i{return colori；} .attrd，arc； svg.appendtext .attrdy，0em .styletext定位符，中间 .ATTR类，内部 .textfunctiond{return'56%；}； svg.appendtext .attrdy，1.5em .styletext定位符，中间 .attr类、数据 .textfunctiond{return'53GB/123GB'；}； .里面{ 字体系列：“Roboto Condensed”，无衬线； 字体大小：30px； } .数据{ 字体大小：12px； 颜色：灰色； } .arc{ 行程：fff； } .
你所说的从总数中剩下的图形部分的颜色是什么意思？是甜甜圈弧的剩余部分吗？是的，就是那部分！你知道怎么改吗？很高兴我能帮上忙