Nvd3传奇垂直放置，但希望它是水平的

Question

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

 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;
});