D3.js d3Plus将图例移到顶部

我正在使用d3Plus创建树形图和条形图，但我遇到的问题是图例仅显示在图表之后，我想将该图例移动到顶部图表之前。原因是用户必须向下滚动才能看到图例

图例图像

---

这是痛苦的，因为

d3plus

在加载图表的各个组件时如何为其设置动画（即转换）但是您可以通过以下方式移动图例：

风险值数据=[{
“年份”：1991年，
“名称”：“阿尔法”，
“价值”：15
}, {
“年份”：1991年，
“名称”：“测试版”，
“价值”：10
}, {
“年份”：1991年，
“名称”：“伽马”，
“价值”：5
}, {
“年份”：1991年，
“名称”：“delta”，
“价值”：50
}, {
“年份”：1992年，
“名称”：“阿尔法”，
“价值”：20
}, {
“年份”：1992年，
“名称”：“测试版”，
“价值”：10
}, {
“年份”：1992年，
“名称”：“伽马”，
“价值”：10
}, {
“年份”：1992年，
“名称”：“delta”，
“价值”：43
}, {
“年份”：1993年，
“名称”：“阿尔法”，
“价值”：30
}, {
“年份”：1993年，
“名称”：“测试版”，
“价值”：40
}, {
“年份”：1993年，
“名称”：“伽马”，
“价值”：20
}, {
“年份”：1993年，
“名称”：“delta”，
“价值”：17
}, {
“年份”：1994年，
“名称”：“阿尔法”，
“价值”：60
}, {
“年份”：1994年，
“名称”：“测试版”，
“价值”：60
}, {
“年份”：1994年，
“名称”：“伽马”，
“价值”：25
}, {
“年份”：1994年，
“名称”：“delta”，
“价值”：32
}]
var可视化=d3plus.viz（）
.容器（“即”）
.数据（数据）
.类型（“条”）
.id（“姓名”）
.x（“年度”）
.y（“价值”）
.颜色（“名称”）
.图例（真实）
.draw（）；
移动图例（）；
函数moveLegend（）{
var l=d3。选择（“#键”），
c=d3。选择（“容器”）；
//等待图例和容器出现
//如果不是，请等待200毫秒，然后重试
如果（！l.size（）| |！c.size（））{
设置超时（移动图例，200）；
}否则{
//现在两者都存在
//将图例移到顶部
l、 过渡（）
.attr（“转换”、“翻译（0,0）”）；
//将图表向下移动到legen的高度
var lh=l.node（）.getBBox（）.height；
c、 属性（“变换”、“平移（0）”、“左+”）；
}
}

根据d3Plus文档，

.legend（）

没有

位置

属性。