前端HTML
使用D3.js
展示图表
环境说明
D3.js == v3,v4
样式代码
<iframe frameborder="0" scrolling="no" width="100%" height="100%" src="/Chart?style=Pie"></iframe>
外部样式可以自己定,但是
src
的链接一定要写好。正常情况是/Chart.html
,但我这里是使用路由的方式。
在图表的
html
文件中,注意script
需要引入d3.v4.min.js
或d3.v3.min.js
这两个文件。一般源码都会写清楚的。<script src="//d3js.org/d3.v3.min.js"></script> <script src="//d3js.org/d3.v4.min.js"></script>
为了能够实现响应式布局,或者是跨设备间的布局兼容。
图表
html
文件中,需要调整高度和宽度。而外部使用图表文件的展示页面正常使用bootstrap
布局就行了这里贡献一下
js
代码,用来获取当前高度和宽度。document.documentElement.clientWidth document.documentElement.clientHeight
好了,以上就是
D3.js
在使用过程中,html
页面使用方面出现的问题。