nvd3是否存在将滚动条添加到nvd3图表的方法？

Question

我正在使用nvd3图表，但如果我有大量数据大于图表容器的宽度，则没有滚动条，我找不到添加它的方法。

http://krispo.github.io/angular-nvd3/#/cumulativeLineChart

我尝试添加overflow:scroll 到div.chartwrapper包装器。

<div class="chartwrapper" ng-app="app-origin" ng-controller="ctrl">
    <nvd3 options="options2" data="data2"></nvd3>
 </div>

和图表本身

<nvd3 options="options2" data="data2" class="ng-isolate-scope"><svg height="450px" width="100%"

如何在图表中添加滚动条以查看我插入的所有数据？

Answer 1

您可以使用一对div，例如使用固定宽度来定义滚动：

at html：

<div class="outer">
  <div class="inner">
    <nvd3 options="options" data="data" class="inner"></nvd3>
  </div>
</div>

at css：

div.outer { overflow: scroll; }
div.outer .inner { width: 1024px; }

根据原始示例

查看plunker