Question

我试图在一个单独的div中显示标签div，突出显示的系列标有一个框，我这样做是因为我有100个标签，并且在图表上方显示它们将覆盖图形。我想在here发生同样的事情，但是标签在一个单独的div中，因为100个标签和每个标签名称很长，这对于这个区域来说太多了，并且它自己覆盖了图形。我还找到了this one，但是它将标签放在一个单独的div中，并且在突出显示的点周围没有框。这是我目前的代码：

  <html>
  <head>
  <script type="text/javascript" src="dygraph-combined-dev.js"></script>

    <style type='text/css'>
      .few .dygraph-legend > span.highlight { border: 1px solid grey; }
      .many .dygraph-legend > span { display: none; }
      .many .dygraph-legend > span.highlight { display: inline; }
      </style>
 </head>
  <body>
  <div id="labels"><p>Welcome</p></div>
  <script type="text/javascript">
  var div = document.createElement('div');
    div.className = "few";
    div.style.display = 'block';
    document.body.appendChild(div);
    var defaultLabelHTML = undefined;
  g2 = new Dygraph(
    div,
    "SUBSCRIBE.txt", 
    {   width: 1000,
        height: 300,labelsDiv: document.getElementById("labels"),
    drawCallback: function(dygraph, is_initial){if (is_initial)  {defaultLabelHTML= document.getElementById("labels").innerHTML;}}, 
    stackedGraph: true, highlightCircleSize: 2, 
    highlightSeriesOpts: {
            strokeWidth: 2,
            strokeBorderWidth: 1,
            highlightCircleSize: 4,
                } 
  });
  </script>
  </body>
  </html>

我是javascript和Dygraph的新手，但是发现使用它真的很棒，因为它让一切变得非常简单和直观。

Answer 1

谢谢，我找到了答案： https://groups.google.com/forum/#!topic/dygraphs-users/_G7b5gUblOE 只是替换

.few .dygraph-legend > span.highlight { border: 1px solid grey; }

带

#labelsdiv > span.highlight { border: 1px solid grey; }

Dygraph是一款非常棒的软件。

单独div中的100个标签，框中带有突出显示的系列

1 个答案: