花纹地块搬迁传说

Question

我使用flot作为绘图javascript实用程序。这是我使用的允许切换的示例..。https://github.com/flot/flot/blob/master/examples/series-toggle/index.html

我想要实现的是把传说移到情节的右边，因为有几条曲线会使传说变大，挡住视线。我尝试了api建议的"aboveData“选项：

$.plot("#placeholder", data, {
                    yaxis: {
                        min: 0
                    },
                    xaxis: {
                        tickDecimals: 0
                    },grid: {show:true, aboveData:false},
                });

它什么也没做。然后，我尝试更改css以将“左”属性添加到表中：

.legend table {
    border-spacing: 5px;
    left:800px;
}

它确实将图例表向右移动，但后面有一个不透明的白色div容器。知道怎么移除它吗？

Answer 1

如果使用父legend div而不是表，则可以使用方法：

.legend {
    position: absolute;
    left:800px;
}

不过，这可能不是实现你的目标的最好方法。flot 提供能力将图例重新定位到您选择的容器(div)。所以为了让故事情节正确，我想：

<div id="flotGraph" style="width: 400px; height: 400px; float: left"></div>
<div id="legendContainer" style="float: left"></div>

然后使用图例容器属性：

    $.plot("#placeholder", data, {
        yaxis: {
            min: 0
        },
        xaxis: {
            tickDecimals: 0
        },
        legend: {
            container: $('#legendContainer')
         }
      });

这是一个示例。