面積圖漸變色填充

請問老師面積圖的漸變色填充問題該怎么做呢好像css3的漸變色屬性在這里的fill里面不起作用

qq_痛恍若隔世的幸福_0

2020-05-19

源自：使用D3制作圖表 3-1

關(guān)注問題我要回答

846

操作

收起

1 回答

青山依舊ii
2020-12-21

//?線性漸變?需要手動添加??linearGradient?標(biāo)簽
//?徑向漸變同理
function?linearGradient(container,?color1,?color2)?{
??var?defs?=?container.append("defs");

??var?gradient?=?defs
????.append("linearGradient")
????.attr("id",?"linearColor")
????.attr("x1",?"0%")
????.attr("y1",?"0%")
????.attr("x2",?"0%")
????.attr("y2",?"100%");

??gradient
????.append("stop")
????.attr("offset",?"0%")
????.style("stop-color",?color1.toString());

??gradient
????.append("stop")
????.attr("offset",?"100%")
????.style("stop-color",?color2.toString());

??return?gradient;
}