NVD3 是否有将滚动条添加到 NVD3 图表的现有方法
nvd3 is there existing way to add a scroller to nvd3 chart?
我使用的是 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%"
如何向图表添加滚动条以查看我插入的所有数据?
您可以使用一对div,例如,使用固定宽度来定义滚动:
在 html:
<div class="outer">
<div class="inner">
<nvd3 options="options" data="data" class="inner"></nvd3>
</div>
</div>
在CSS:
div.outer { overflow: scroll; }
div.outer .inner { width: 1024px; }
查看基于原始样本的 plunker
相关文章:
- 为什么dijit.form.Select有方法setStore(),而dijit.fform.FilteringSele
- JSPM-是否有方法或需要对捆绑文件进行版本化
- 当用户试图删除indexedDB数据库时,是否有方法执行函数
- Box2dWeb中是否有方法将对象的位置.x输出到console.log()
- 是否有方法在WebCrypto API中获取RSA密钥的组件
- 是否有方法可以快速确定浏览器是否支持启用了cors的图像而不会污染浏览器?
- 是否有方法以编程方式确定私钥是用DER还是PEM编码的?
- 在反序列化JSON对象时,是否有方法将属性名称转换为小写?
- 是否有方法检查特定点(X,Y)是否在SVG元素中
- 是否有方法减少相同if语句的代码
- 在babel编译时是否有方法注入或忽略全局变量?
- Node.js query:是否有方法提示用户自定义大小的数组
- 在检查字符串时,是否有方法包含单词变体(过去时,动名词)
- 当元素不处于悬停状态时,是否有方法获得元素的HOVER样式?
- 是否有方法检测和更改输入值格式
- 解析JSON字符串后是否有方法获得对象属性
- 检查对象是否有方法,而不实例化它
- 在附加到webRequest事件时,是否有方法访问匹配的URL模式
- Chrome扩展API的警报有方法明确,是不按文档工作
- 原始字符串有方法