D3.js Nvd3图例垂直放置，但希望水平放置

我正在使用nvd3绘制两个系列的折线图。正如你在plunk中看到的，我的图例是垂直堆叠的。我希望它们在这个宽度上是水平的。注意：我无法编辑nvd3.js，也无法为我的应用程序增加图表的宽度。我尝试了一些建议，但对折线图.Ty不起作用

 nv.addGraph(function() {
    var chart = nv.models.lineChart()
        .x(function(d) {

            return new Date(d.time)
        })

    .y(function(d) {

        return d.value
    })
        .color(["#FF0000", "#000000"])



        .useInteractiveGuideline(false)
        .forceY(0)
        .width(300)
        .height(200)

    ;


    chart.xAxis
        .tickFormat(function(d) {
            return d3.time.format('%H:%M')(new Date(d))
        });
    chart.xScale(d3.time.scale.utc());

    chart.options({
        noData: "Not enough data to graph",
        rightAlignYAxis: false,
    });

    chart.yAxis.tickFormat(d3.format('values'));

    d3.select('nv-indexLine').fill("black");
    d3.select('#chart svg')
        .datum(formattedData)
        .call(chart);

    nv.utils.windowResize(chart.update);

    chart.lines.interactive(false);

    return chart;
});

---

您可能需要在绘图后将图例转换到您选择的位置。嗨，cyril，使用translate，我可以移动它们，但不确定如何增加图例环绕的宽度，以便它们内联…图例环绕是一个组，因此其宽度与其所有元素的bbox相同。所以你不必担心。只要用class

nv series

翻译组就行了。你可能需要在绘图后将图例翻译到你选择的位置。嗨，cyril，使用translate，我可以移动它们，但不确定如何增加图例环绕的宽度，以便它们可以内联…图例环绕是一个组，因此其宽度与其所有元素的bbox相同。所以你不必担心，只要用class

nv-series

翻译小组就可以了。